/*===================================================================================*/ /* GENERAL /*===================================================================================*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :focus { outline: 0 !important; } figure { margin: 0; padding: 0; } figure img { width: 100%; height: auto; } img[src*=".svg"] {height: 100%;} iframe { border: none; } .clear{clear: both;} .clearfix{*zoom:1} * > p:last-child { padding-bottom: 0 !important; margin-bottom: 0 !important; } ::selection {background: #AAF2E4; /* Safari */ color: #506A85;} ::-moz-selection {background: #AAF2E4; /* Firefox */ color: #506A85;} body { font-family: 'Microsoft Yahei', sans-serif;color: #506a85; font-size: 14px; line-height: 150%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; /*-moz-osx-font-smoothing: grayscale;*/ text-rendering: optimizeLegibility; overflow-x: hidden; height: auto !important; } .navbar, main { min-height:548px;_height:548px;overflow-y:visible;} .container { padding-right: 0; padding-left: 0; } p { margin-bottom: 20px; } p a { border-bottom: 0px solid #73879C; } p a:hover { border-color: transparent; color:#03b8cd} a { color: inherit; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a:hover, a:focus { color: #03b8cd; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Microsoft Yahei', sans-serif; font-weight: 700; letter-spacing: 0.025em; color: #506A85; margin-top: 0;/*word-wrap: break-word;*/ } h1 { font-size: 36px; line-height: 130%; margin-bottom: 30px; } h2 { font-size: 30px; line-height: 130%; margin-bottom: 30px; font-weight:normal; margin-left:15px } h3 { font-size: 18px; line-height: 150%; margin-bottom: 15px;font-weight:normal; } h4 { font-size: 16px; line-height: 150%; margin-bottom: 15px; } h5 { font-size: 14px; line-height: 160%; margin-bottom: 13px; } h6 { font-size: 12px; line-height: 160%; margin-bottom: 10px; } a .logo { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a:hover .logo { opacity: .6; } a.green:hover { background: #1ABB9C !important; } a.blue:hover { background: #3F8DBF !important; } a.red:hover { background: #FA6C65 !important; } a.orange:hover { background: #F27A24 !important; } a.purple:hover { background: #9B59B6 !important; } a.pink:hover { background: #D487BE !important; } a.navy:hover { background: #34495E !important; } a.gray:hover { background: #95A5A6 !important; } ol { position: relative; padding-left: 22px; } ul { list-style: none; position: relative; padding-left: 22px; } ul.arrowed li, ul.circled li, ol li { margin-bottom: 5px; } ul.arrowed li:before { /*font-family: 'fontello';*/ content: '\2192'; font-weight: normal; color: #1ABB9C; margin-top: -1px; margin-left: -23px; vertical-align: top; position: absolute; } ul.circled li:before { font-family: 'fontello-circle'; content: '\e800'; font-size: 8px; font-weight: normal; color: #1ABB9C; padding-top: 1px; margin-left: -20px; vertical-align: top; position: absolute; } ul.contacts { padding-left: 0; } ul.contacts li { margin-bottom: 5px; } footer ul.contacts li { margin-bottom: 2px; } footer ul.contacts li a:visited{color:#506A85;} footer ul.contacts li a:hover{color:#03B8CD;} .social-network { position: relative; z-index: 0; padding-top: 25px; } .social-network .social li { display: table-cell; } .social-network .social li a i { width: 55px; height: 80px; font-size: 20px; } #hero h1 { font-size: 36px; line-height: 110%; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 0; -webkit-transition: font 200ms ease-out; -moz-transition: font 200ms ease-out; -o-transition: font 200ms ease-out; transition: font 200ms ease-out; } #hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg { font-size: 73px; } #hero h4 { font-size: 36px; line-height: 120%; } #hero p { font-size: 24px; line-height: 150%; font-weight: 400; letter-spacing: .015em; text-transform: none; margin-top: 20px; margin-bottom: 0; -webkit-transition: font 200ms ease-out, margin 200ms ease-out; -moz-transition: font 200ms ease-out, margin 200ms ease-out; -o-transition: font 200ms ease-out, margin 200ms ease-out; transition: font 200ms ease-out, margin 200ms ease-out; } #hero .btn { margin-top: 60px; margin-bottom: 0; -webkit-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; -moz-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; -o-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; } #hero .btn-large { font-size: 18px; padding: 18px 70px 20px; } header p { font-size: 22px; line-height: 150%; } p + h2, p + h3 { padding-top: 15px; } .text-small { font-size: 16px; line-height: 160%; } .text-normal { font-size: inherit; line-height: inherit; } h2 + .text-small { margin-top: -5px; } header h2 + .text-small { margin-top: 0; } .post-title { margin: 0 0 15px 0; } h1.post-title { font-size: 22px; line-height: 24px; } .bordered .post-title { margin-bottom: 5px; } main header + * { margin-top: 35px !important;} .inner { padding-top: 120px; padding-bottom: 120px; } .inner-md { padding-top: 100px; padding-bottom: 100px; } .inner-sm { padding-top: 80px; padding-bottom: 80px; } .inner-xs { padding-top: 40px; padding-bottom: 40px; } .inner-top { padding-top: 120px; } .inner-top-md { padding-top: 100px; } .inner-top-sm { padding-top: 80px; } .inner-top-xs { padding-top: 40px; } .inner-top-xxs{ padding-top: 30px; } .inner-bottom { padding-bottom: 120px; } .inner-bottom-md { padding-bottom: 100px; } .inner-bottom-sm { padding-bottom: 80px; } .inner-bottom-xs { padding-bottom: 40px; } .inner-left { padding-left: 75px; } .inner-left-md { padding-left: 60px; } .inner-left-sm { padding-left: 45px; } .inner-left-xs { padding-left: 30px; } .inner-right { padding-right: 75px; } .inner-right-md { padding-right: 60px; } .inner-right-sm { padding-right: 45px; } .inner-right-xs { padding-right: 30px; } .outer { margin-top: 120px; margin-bottom: 120px; } .outer-md { margin-top: 100px; margin-bottom: 100px; } .outer-sm { margin-top: 80px; margin-bottom: 80px; } .outer-xs { margin-top: 40px; margin-bottom: 40px; } .outer-top { margin-top: 120px; } .outer-top-md { margin-top: 100px; } .outer-top-sm { margin-top: 80px; } .outer-top-xs { margin-top: 40px; } .outer-bottom { margin-bottom: 120px; } .outer-bottom-md { margin-bottom: 100px; } .outer-bottom-sm { margin-bottom: 80px; } .outer-bottom-xs { margin-bottom: 40px; } .center-block { float: none; } .height-xs { height: 30vh; } .height-sm { height: 44vh; } .height-md { height: 61vh; } .height-lg { height: 90vh; } .dropcap { float: left; display: inline-block; width: 44px; height: 44px; background: #F2F5F7; font-size: 28px; font-weight: 700; line-height: 44px; text-align: center; color: #506A85; margin: 6px 15px 0 0; } .dropcap-lg { float: left; display: inline-block; width: 70px; height: 70px; background: #F2F5F7; font-size: 48px; font-weight: 700; line-height: 70px; text-align: center; color: #506A85; margin: 6px 15px 0 0; } blockquote { padding: 0; margin: 0; border: none; } blockquote p { font-size: 22px; line-height: 160%; font-style: italic; } blockquote footer, blockquote small, blockquote .small { color: #506A85; font-size: 14px; line-height: 150%; font-weight: 700; } blockquote footer:before, blockquote small:before, blockquote .small:before, blockquote footer:after, blockquote small:after, blockquote .small:after { content: ''; display: inline-block; width: 20px; height: 1px; background-color: #506A85; margin-bottom: .28em; } blockquote footer:before, blockquote small:before, blockquote .small:before { margin-right: 10px; } blockquote footer:after, blockquote small:after, blockquote .small:after { margin-left: 10px; } hr { border: 0; border-bottom: 1px solid #CED7E0; margin: 60px 0; } .map iframe { display: block; max-width: 100%; } h1 + figure, p + figure { padding-top: 15px; } h2 + figure, h3 + figure, h2 + .thumbs, h3 + .thumbs, h2 + .thumb, h3 + .thumb { padding-top: 10px; } h4 + figure { padding-top: 5px; } h2 + .owl-carousel, p + .owl-carousel, h2 + .panel-group, p + .panel-group { padding-top: 20px; } figure figcaption { font-size: 14px; line-height: 150%; } figure figcaption h4 { margin-bottom: 10px; } figure * + figcaption { padding-top: 20px; } figure + *, .thumb + figure { padding-top: 25px; } .classic-blog figure + * { padding-top: 35px; } figure.post-media + * { padding-top: 0; } .member .icon-overlay { display: inline-block; } .member .icon-overlay span { border-radius: 50%; } .member .img-circle { max-width: 200px; max-height: 200px; } .member .member-image { position: relative; } .member figcaption { position: relative; padding-top: 35px; z-index: 0; } .member figcaption.bordered { padding: 20px 15px 15px; } .member figcaption h2 span, .member figcaption h3 span { display: block; font-family: 'Microsoft Yahei', sans-serif; font-weight: 400; letter-spacing: 0.015em; } .member figcaption h3 { font-size: 16px; line-height: 130%; margin-bottom: 10px; } .member figcaption h2 span { font-size: 18px; line-height: 140%; margin-top: 5px; } .member figcaption h3 span { font-size: 14px; line-height: 120%; margin-top: 4px; } .member figcaption blockquote { font-size: 16px; font-style: italic; line-height: 160%; margin-bottom: 20px; } .member figcaption blockquote:before { display: inline; position: relative; content: "\201C"; font-family: inherit; font-size: inherit; margin-right: 2px; } .member figcaption blockquote:after { content: "\201D"; margin-left: 2px; } .member .social { display: inline-block; } .member .social li { display: table-cell; } .member .social li a i { width: 33px; height: 45px; font-size: 15px; } .member .text-overlay .info .social li a i { color: #FFF; } .member .text-overlay .info .social li a:hover .icon-s-facebook { color: #3B5998; color: #4668B3; } .member .text-overlay .info .social li a:hover .icon-s-gplus { color: #DD4B39; color: #DE5745; } .member .text-overlay .info .social li a:hover .icon-s-twitter { color: #00ACED; color: #2FBBED; } .member .text-overlay .info .social li a i:after { background: #FFF; } .img-bg, .img-bg-center { background-position: center !important; background-size: cover; } .img-bg-top { background-position: top !important; background-size: cover; } .img-bg-bottom { background-position: bottom !important; background-size: cover; } .img-bg-soft, .img-bg-softer { background-position: center; position: relative; } .img-bg-soft:before, .img-bg-softer:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .light-bg.img-bg-soft:before { background-color: #F2F5F7; opacity: .66; } .dark-bg.img-bg-soft:before { background-color: #2F4052; opacity: .57; } .tint-bg.img-bg-soft:before { background-color: #1ABB9C; opacity: .84; } .light-bg.img-bg-softer:before { background-color: #F2F5F7; opacity: .95; } .dark-bg.img-bg-softer:before { background-color: #2F4052; opacity: .97; } .tint-bg.img-bg-softer:before { background-color: #1ABB9C; opacity: .96; } .screen-container { position: relative; width: 100%; height: auto !important; background: url("../images/screen-container.png") no-repeat top / 100%; overflow: hidden; } .screen-container:before { content: ""; display: block; padding-top: 47%; } .screen-container .tab-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5% 4.5%; padding-bottom: 0; } .sidelines { position: relative; line-height: 100%; border-bottom: 1px solid #CED7E0; margin-top: -.35em; margin-bottom: 1.5em; } .sidelines span { position: relative; top: .5em; background: #FFF; padding: 0 .5em 0 0; } .sidelines.text-right span, .text-right .sidelines span { padding: 0 0 0 .5em; } .sidelines.text-center span, .text-center .sidelines span { padding: 0 .5em; } .team-headline.sidelines { margin-top: -20px; margin-bottom: 40px; } .light-bg .sidelines { border-color: #BCC7D1; } .light-bg .sidelines span { background: #F2F5F7; } .dark-bg .sidelines { border-color: #73879C; } .dark-bg .sidelines span { background: #2F4052; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe + iframe { margin-top: 10px; } .green-bg { background-color: #1ABB9C !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .blue-bg { background-color: #3F8DBF !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .red-bg { background-color: #FA6C65 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .orange-bg { background-color: #F27A24 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .purple-bg { background-color: #9B59B6 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .pink-bg { background-color: #D487BE !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .navy-bg { background-color: #34495E !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .gray-bg { background-color: #95A5A6 !important; color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .light-bg { background-color: #f3f1ef;} /*.light-bg:hover{background-color:#e1e1e1;transition: background-color 0s ease 0s, all 0.35s ease-out 0s; }*/ .dark-bg { background-color: #2F4052; } .dark-bg, .dark-bg p, .dark-bg .item-details li:before { color: #A3B1BF; } .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4 { color: #FFF; } .dark-bg .widget h1, .dark-bg .widget h2, .dark-bg .widget h3, .dark-bg .widget h4 { color: #FFF; } .tint-bg { background-color: #1ABB9C; color: #FFF; padding: 2px 8px; margin-top: -2px; } .tint-bg, .tint-bg h1, .tint-bg h2, .tint-bg h3, .tint-bg h4, .tint-bg p, .tint-bg .item-details li:before, .tint-bg .icon i.icn { color: #FFF; } .tint-bg a:hover { color: #506A85; } .light-color, .light-color .dark-bg { color: #FFF !important; } .medium-color { color: #A3B1BF !important; } .dark-color { color: #506A85 !important; } .tint-color { color: #1ABB9C !important; } .green { color: #1ABB9C !important; } .blue { color: #3F8DBF !important; } .red { color: #FA6C65 !important; } .pink { color: #D487BE !important; } .purple { color: #9B59B6 !important; } .orange { color: #F27A24 !important; } .navy { color: #34495E !important; } .gray { color: #95A5A6 !important; } .icon { display: inline-block; margin-bottom: 20px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon.circle { padding: 30px; border: 1px solid #1ABB9C; border-radius: 50%; } .icon.circle.xs { padding: 15px; } .icon.circle.sm { padding: 20px; } .icon.circle.lg { padding: 35px; } .icon i.icn { display: block; color: #1ABB9C; font-size: 65px; line-height: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon i.icn.xs { font-size: 20px; } .icon i.icn.sm { font-size: 35px; } .icon i.icn.lg { font-size: 85px; } i.contact { margin-right: 5px; width: auto; height: auto; line-height: 18px; } .tagcloud { line-height: 25px; } footer { font-size: 13px; line-height: 22px; } footer.dark-bg { color: #A3B1BF; } footer .inner { padding-top: 45px; padding-bottom: 35px; } footer .container > .row { margin-left: -25px; margin-right: -25px; } footer .row .inner { padding: 25px; } footer .logo { height: auto; max-height: 100%; } footer h4 { text-transform: uppercase; margin-bottom: 20px; } footer p { margin-bottom: 15px; } .footer-menu { padding: 0; margin: 0; list-style: none; } .footer-menu li { display: inline; padding-left: 10px; } .footer-menu li a:hover{color:#03b8cd} .footer-menu li:before { display: inline-block; content: "|"; padding-right: 12px; } .footer-menu li:first-child:before { display: none; } .footer-bottom { background: #123369; color: #E6E9ED; } .footer-bottom .container.inner { padding-top: 30px; padding-bottom: 30px; } .footer-bottom p, .footer-bottom a { color: #E6E9ED; } .footer-bottom p { padding: 0; margin: 0; } .meta, .more { font-size: 14px; font-weight: 400; line-height: 160%; cursor: default; } .meta span:before { display: inline-block; content: "|"; padding: 0 10px 0 7px; } .meta span:first-child:before { display: none; padding: 0; } .meta a { display: inline !important; } .meta a:hover, .more:hover { color: #1ABB9C; } .meta.tags a:before { content: "#"; display: inline-block; } .bordered .info { text-align: center; } .bordered .info h3, .bordered .info h4 { margin-bottom: 5px; } .bordered .info h3 a, .bordered .info h4 a { color: #506A85; } .bordered .info h3 a:hover, .bordered .info h4 a:hover { color: #1ABB9C; } .bordered .info p { font-size: 14px; line-height: 22px; margin-bottom: 0; } .bordered { border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; padding: 25px; background: #F5F7FA; } .light-bg .bordered { background: #FFF; } .dark-bg .bordered .info h3, .dark-bg .bordered .info h4, .tint-bg .bordered .info h3, .tint-bg .bordered .info h4 { color: #506A85; } .dark-bg .bordered .info p, .tint-bg .bordered .info p { color: #73879C; } .no-top-border { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .border { border: 1px solid #CED7E0; } .border-top-lg, .border-top-md, .border-top-sm, .border-top-xs, .border-top { border-top: 1px solid #CED7E0; } .border-right-lg, .border-right-md, .border-right-sm, .border-right-xs, .border-right { border-right: 1px solid #CED7E0; } .border-bottom-lg, .border-bottom-md, .border-bottom-sm, .border-bottom-xs, .border-bottom { border-bottom: 1px solid #CED7E0; } .border-left-lg, .border-left-md, .border-left-sm, .border-left-xs, .border-left { border-left: 1px solid #CED7E0; } .border-lg, .border-top-lg, .border-right-lg, .border-bottom-lg, .border-left-lg { border-width: 20px; } .border-md, .border-top-md, .border-right-md, .border-bottom-md, .border-left-md { border-width: 10px; } .border-sm, .border-top-sm, .border-right-sm, .border-bottom-sm, .border-left-sm { border-width: 5px; } .border-xs, .border-top-xs, .border-right-xs, .border-bottom-xs, .border-left-xs { border-width: 3px; } .light-bg .border, .light-bg .border-lg, .light-bg .border-md, .light-bg .border-sm, .light-bg .border-xs, .light-bg .border-top-lg, .light-bg .border-top-md, .light-bg .border-top-sm, .light-bg .border-top-xs, .light-bg .border-top, .light-bg .border-right-lg, .light-bg .border-right-md, .light-bg .border-right-sm, .light-bg .border-right-xs, .light-bg .border-right, .light-bg .border-bottom-lg, .light-bg .border-bottom-md, .light-bg .border-bottom-sm, .light-bg .border-bottom-xs, .light-bg .border-bottom, .light-bg .border-left-lg, .light-bg .border-left-md, .light-bg .border-left-sm, .light-bg .border-left-xs, .light-bg .border-left { border-color: #BCC7D1; } .dark-bg .border, .dark-bg .border-lg, .dark-bg .border-md, .dark-bg .border-sm, .dark-bg .border-xs, .dark-bg .border-top-lg, .dark-bg .border-top-md, .dark-bg .border-top-sm, .dark-bg .border-top-xs, .dark-bg .border-top, .dark-bg .border-right-lg, .dark-bg .border-right-md, .dark-bg .border-right-sm, .dark-bg .border-right-xs, .dark-bg .border-right, .dark-bg .border-bottom-lg, .dark-bg .border-bottom-md, .dark-bg .border-bottom-sm, .dark-bg .border-bottom-xs, .dark-bg .border-bottom, .dark-bg .border-left-lg, .dark-bg .border-left-md, .dark-bg .border-left-sm, .dark-bg .border-left-xs, .dark-bg .border-left { border-color: #73879C; } .tint-bg .border, .tint-bg .border-lg, .tint-bg .border-md, .tint-bg .border-sm, .tint-bg .border-xs, .tint-bg .border-top-lg, .tint-bg .border-top-md, .tint-bg .border-top-sm, .tint-bg .border-top-xs, .tint-bg .border-top, .tint-bg .border-right-lg, .tint-bg .border-right-md, .tint-bg .border-right-sm, .tint-bg .border-right-xs, .tint-bg .border-right, .tint-bg .border-bottom-lg, .tint-bg .border-bottom-md, .tint-bg .border-bottom-sm, .tint-bg .border-bottom-xs, .tint-bg .border-bottom, .tint-bg .border-left-lg, .tint-bg .border-left-md, .tint-bg .border-left-sm, .tint-bg .border-left-xs, .tint-bg .border-left { border-color: #FFF; } .last-bottom { padding-bottom: 0 !important; margin-bottom: 0 !important; } .last-right { padding-right: 0 !important; margin-right: 0 !important; } .reset-margin { margin: 0; } .reset-margin-left { margin-left: 0; } .reset-margin-right { margin-right: 0; } .reset-padding { padding: 0; } .reset-padding-left { padding-left: 0; } .reset-padding-right { padding-right: 0; } .single-block { padding: 0; border: 0; margin: 0; } h1 + .single-line, h2 + .single-line, h3 + .single-line, h4 + .single-line { margin-top: -.5em; } .img-intext { margin-bottom: 20px; } aside { font-size: 16px; line-height: 160%; } aside p { margin-bottom: 15px; } aside .txt-btn { font-size: 100%; } aside .thumb figure { margin: 0; } .thumbs.no-gap { margin-left: 0; margin-right: 0; } .thumbs.no-gap .thumb { padding: 0; } .thumbs.gap-xs { margin-left: -5px; margin-right: 0; } .thumbs.gap-xs .thumb { padding: 0 0 5px 5px; } .thumbs.gap-sm { margin-left: -10px; margin-right: 0; } .thumbs.gap-sm .thumb { padding: 0 0 10px 10px; } .thumbs.gap-md { margin-left: -20px; margin-right: 0; } .thumbs.gap-md .thumb { padding: 0 0 20px 20px; } .thumbs.gap-lg { margin-left: -30px; margin-right: 0; } .thumbs.gap-lg .thumb { padding: 0 0 30px 30px; } /*===================================================================================*/ /* HEADER /*===================================================================================*/ .navbar .container { display: table; padding: 0; } .navbar { margin: 0; border-radius: 0; border: none; position: relative; z-index: 8000; min-height: inherit; } .navbar ul { list-style: none; } .navbar-brand { float: none; /*display: table-cell;*/ vertical-align: middle; padding: 0; max-width: 300px; } .navbar-language{display: table-cell;vertical-align: middle; padding: 0; } .navbar-header .navbar-brand { display: none; } .navbar-header { float: none !important; position: relative; background: #F5F7FA; border-bottom: 1px solid #E6E9ED; z-index: 0; } .navbar-header li, .navbar-header a { display: table-cell; vertical-align: middle; height: 40px; } .navbar-collapse { position: relative; background-color: #FFF; width: 100%; border-bottom: 0px solid #E6E9ED; padding-top:30px; } .affix {left: 0;top: 0;width: 100%;position: fixed;filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;} .affix .navbar-collapse{ padding-top:10px;-webkit-box-shadow:0px 2px 8px #999999;-moz-box-shadow:0px 2px 8px #999999;box-shadow:0px 2px 8px #999999; } .stuck { position: fixed !important; top: 0; } .navbar-nav { float: none; /*display: table-cell; padding-left: 30px;*/vertical-align: middle; margin: 0; padding-top:1px; padding-bottom:3px; } .affix .navbar-nav{ padding-top:1px; padding-bottom:3px;} .affix .logo{width:250px; height:40px;} .navbar-nav > li > a { font-size: 16px; line-height: 20px; font-weight:bold; text-transform: uppercase; color: #E6E9ED; padding: 15px 20px; border: 1px solid rgba(255, 255, 255, 0); border-bottom: none; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; bottom: -1px; z-index: 999; } .skrollable-after .navbar-nav > li > a { margin-top: -1px; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .nav > li > a:hover { background-color: #F5F7FA; border-color: #E6E9ED; color: #1ABB9C; } .nav > li > a:focus { background-color: #FFF; border-color: #FFF; } .navbar .dropdown-menu { padding: 0; margin: 0; width: 210px; background: #F5F7FA; border: none; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-bottom-color: #CED2D6; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; -webkit-border-top-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; border-top-left-radius: 0 !important; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); z-index: 999; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li {background: transparent; border: none;}/* border-top: 1px solid #E6E9ED;*/ .navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {border: none;} .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a, .navbar .dropdown-menu li a {line-height: 18px; padding: 13px 20px; color: #73879C; text-transform: uppercase; font-weight: 700; white-space: normal; z-index:999} .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active, .navbar .dropdown-menu>li>a:hover{filter: none; background-color: #F5F7FA; color: #1ABB9C;} .navbar .nav .open > a, .navbar .nav .open > a:hover, .navbar .nav .open > a:focus { background-color: #F5F7FA; border-color: #E6E9ED; } .navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {display: none;} .navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {display: none;} .navbar .dropdown-submenu .dropdown-menu { top: -1px !important; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus, .navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {background: #1ABB9C; color: #FFF !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);} .navbar-header .info { padding-left: 0; margin: 0; } .navbar-header .info li { font-size: 12px; padding-right: 25px; } .navbar-header .info li a { font-size: 12px; color: #73879C; } .navbar-header .info a:hover { color: #1ABB9C; } .navbar-form { padding: 0; margin: 0; } .btn.responsive-menu { display: none; width: 40px; height: 40px; font-size: 15px; padding: 0; margin: 0; } /*===================================================================================*/ /* MEGA MENU /*===================================================================================*/ .yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { position: static; } .yamm .navbar-inner, .yamm .container { position: relative; } .yamm .dropdown-menu { top: auto; left: auto; -webkit-border-top-left-radius: 3px !important; -moz-border-radius-topleft: 3px !important; border-top-left-radius: 3px !important; } .yamm .dropdown-menu > li { display: block; } .yamm .nav.pull-right .dropdown-menu { right: 0; } .yamm .yamm-content { font-size: 14px; line-height: 22px; padding: 30px 40px; margin-left: -20px; margin-right: -20px; } .yamm .yamm-content .inner { padding: 0 20px; } .yamm .yamm-content li { line-height: inherit; } .yamm .yamm-content:before, .yamm .yamm-content:after { display: table; content: ""; line-height: 0; } .yamm .yamm-content:after { clear: both; } .yamm .nav > li > .dropdown-menu:after, .yamm .nav > li > .dropdown-menu:before { display: none; } .yamm .yamm-content img { width: 100%; } .yamm .yamm-content a { color: inherit; } .yamm .yamm-content h4 { text-transform: uppercase; margin-bottom: 20px; } .yamm .yamm-content p { font-size: inherit; line-height: inherit; margin-bottom: 15px; } .yamm .yamm-content .btn { margin: 10px 0; } .yamm .yamm-content a:hover { color: #1ABB9C; } .yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; left: 0; right: 0; } /*===================================================================================*/ /* BUTTONS /*===================================================================================*/ #buttons .btn { margin: 5px 3px; } #buttons .btn-wrapper { margin: 30px 0; } .btn { color: #FFF !important; background: #03b8cd; padding: 8px 15px; margin: 15px 0; font-family: 'Microsoft Yahei', sans-serif; font-weight:normal; font-size: 14px; letter-spacing: 0.02em; text-shadow: none; -webkit-font-smoothing: antialiased; border: none; text-transform: uppercase; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-border-radius: 0px; border-radius: 0px;/* -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);*/ } .btn-small { padding: 5px 13px 6px; font-size: 13px; } .btn-large { padding: 10px 20px; font-size: 18px; } .btn.btn-green { background: #1ABB9C; } .btn.btn-blue { background: #3F8DBF; } .btn.btn-red { background: #FA6C65; } .btn.btn-pink { background: #D487BE; } .btn.btn-purple { background: #9B59B6; } .btn.btn-orange { background: #F27A24; } .btn.btn-navy { background: #34495E; } .btn.btn-gray { background: #95A5A6; } .btn:hover, .btn:focus, .btn:active, .btn.active { background: #01a2bc; color: #FFF !important; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out;/* -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);*/ } .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { background: #17A78B !important; } .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { background: #387EAA !important; } .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { background: #CF4C45 !important; } .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active { background: #BD78A9 !important; } .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active { background: #8A4FA2 !important; } .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { background: #D96716 !important; } .btn-navy:hover, .btn-navy:focus, .btn-navy:active, .btn-navy.active { background: #2C3E50 !important; } .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active { background: #859394 !important; } .tint-bg .btn { background: #FFF !important; color: #1ABB9C !important; } .tint-bg .btn:hover { background: #E9E9E9 !important; color: #506A85 !important; } .btn.share-facebook { background: #3d5b9b !important } .btn.share-facebook:hover { background: #334c8e !important } .btn.share-twitter { background: #5aa8cd !important } .btn.share-twitter:hover { background: #499ac8 !important } .btn.share-googleplus { background: #3b3b3b !important } .btn.share-googleplus:hover { background: #2e2e2e !important } .btn.share-pinterest { background: #c53942 !important } .btn.share-pinterest:hover { background: #bc2d32 !important } .btn-share-lg, .btn-share-md, .btn-share-sm, .btn-share-xs { display: table; position: relative; z-index: 0; width: 100%; text-align: center; } .btn-share-lg i, .btn-share-md i, .btn-share-sm i, .btn-share-xs i { display: table-cell; vertical-align: middle; } .btn-share-lg { height: 250px; } .btn-share-lg i { font-size: 80px; } .btn-share-md { height: 180px; } .btn-share-md i { font-size: 60px; } .btn-share-sm { height: 120px; } .btn-share-sm i { font-size: 40px; } .btn-share-xs { height: 80px; } .btn-share-xs i { font-size: 28px; } .btn-share-lg i:after, .btn-share-md i:after, .btn-share-sm i:after, .btn-share-xs i:after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } /*.btn-share-lg:hover i:after, .btn-share-md:hover i:after, .btn-share-sm:hover i:after, .btn-share-xs:hover i:after { height: 100%;}*/ .btn-share-lg:hover .icon-s-facebook:after, .btn-share-md:hover .icon-s-facebook:after, .btn-share-sm:hover .icon-s-facebook:after, .btn-share-xs:hover .icon-s-facebook:after { background: #3B5998; background: #4668B3; } .btn-share-lg:hover .icon-s-gplus:after, .btn-share-md:hover .icon-s-gplus:after, .btn-share-sm:hover .icon-s-gplus:after, .btn-share-xs:hover .icon-s-gplus:after { background: #DD4B39; background: #DE5745; } .btn-share-lg:hover .icon-s-twitter:after, .btn-share-md:hover .icon-s-twitter:after, .btn-share-sm:hover .icon-s-twitter:after, .btn-share-xs:hover .icon-s-twitter:after { background: #00ACED; background: #2FBBED; } .btn-share-lg p, .btn-share-md p, .btn-share-sm p, .btn-share-xs p { position: absolute; height: 1.1em; font-family: 'Microsoft Yahei', sans-serif; line-height: 100%; color: #FFF; margin: auto; opacity: 0; } .btn-share-lg p, .btn-share-md p { top: 20px; } .btn-share-sm p, .btn-share-xs p { top: 0; bottom: 0; } .btn-share-sm p { font-size: 16px; } .btn-share-xs p { font-size: 15px; } .btn-share-lg:hover p, .btn-share-md:hover p, .btn-share-sm:hover p, .btn-share-xs:hover p { opacity: 1; } .btn-share-lg .name, .btn-share-md .name, .btn-share-sm .name, .btn-share-xs .name { left: 25px; } .btn-share-lg .counter, .btn-share-md .counter, .btn-share-sm .counter, .btn-share-xs .counter { right: 25px; } .btn-share-lg:hover, .btn-share-md:hover, .btn-share-sm:hover, .btn-share-xs:hover { color: #FFF; } h1 .btn, h2 .btn, h3 .btn, h4 .btn, p .btn { margin-left: 15px; } .txt-btn { font-weight:normal; background-color:#03b8cd; color:#fff; padding:8px 12px; display:inline-block; border-bottom:none; } /*.txt-btn:after { font-family: 'fontello'; content: '\2192'; margin-left: 7px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .txt-btn:hover:after { margin-left: 12px; }*/ /*===================================================================================*/ /* SOCIAL ICONS /*===================================================================================*/ .social { padding: 0; margin: 0; } .social li { font-family: 'fontello-social'; margin-right: 4px; } .social li { position: relative; } .text-center .social li { margin: 0 2px; } .social li a { display: table; position: relative; } .social li a i { text-align: center; display: table-cell; vertical-align: middle; color: #73879C; width: 30px; height: 30px; font-size: 12px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .social li a i:after { content: ''; z-index: -1; position: absolute; width: 100%; height: 0; top: 0; left: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .social li a:hover i { color: #FFF; } .social li a:hover i:after { height: 100%; } .social a .icon-s-facebook:after { background: #3B5998; background: #4668B3; } .social a .icon-s-gplus:after { background: #DD4B39; background: #DE5745; } .social a .icon-s-twitter:after { background: #00ACED; background: #2FBBED; } .social a .icon-s-pinterest:after { background: #CB2027; background: #D94348; } .social a .icon-s-behance:after { background: #1769FF; background: #3079FF; } .social a .icon-s-dribbble:after { background: #EA4C89; background: #EB6397; } /*===================================================================================*/ /* TABS ON SIDE /*===================================================================================*/ .tabs-side .etabs { float: left; width: 20%; padding: 0; margin: 0 -1px 0 0; } .tabs-side .tab { display: block; position: relative; z-index: 0; } .tabs-side .tab a { display: block; background: #F5F7FA; color: #506A85; font-size: 14px; line-height: 130%; padding: 15px; border: 1px solid #E6E9ED; border-right-color: #CED7E0; border-bottom: none; overflow: hidden; } .tabs-side .tab:first-child a { border-top-left-radius: 3px; } .tabs-side .tab:last-child a { border-bottom: 1px solid #E6E9ED; border-bottom-left-radius: 3px; } .tabs-side .tab a:hover { background: #1ABB9C; color: #FFF; border-color: #1ABB9C; } .tabs-side .tab:hover, .tabs-side .tab.active { z-index: 2; } .tabs-side .tab.active a { background: #FFF !important; color: #1ABB9C; border-color: #CED7E0 !important; border-right-color: #FFF !important; } .tabs-side .tab.active + .tab a { border-top-color: #CED7E0; } .tabs-side .tab.active + .tab a:hover { border-top-color: #1ABB9C; } .tabs-side .tab a div { font-family: 'Microsoft Yahei', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-side.tab-container .panel-container { position: relative; z-index: 1; overflow: hidden; padding-left: 70px; border-left: 1px solid #CED7E0; } .tabs-side.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TABS ON TOP /*===================================================================================*/ .tabs-top .etabs { padding: 0; margin: 0; } .tabs-top .etabs:after { content: ''; display: block; position: relative; z-index: 1; border-top: 1px solid #CED7E0; margin-top: -1px; } .tabs-top .tab { display: inline-block; position: relative; z-index: 0; max-width: 40%; margin: 0 3px; } .tabs-top .tab a { display: inline-block; vertical-align: bottom; background: #F5F7FA; color: #506A85; font-size: 14px; line-height: 130%; font-weight: 700; text-transform: uppercase; padding: 15px; border: 1px solid #E6E9ED; border-bottom: none; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .tabs-top .tab a div { font-family: 'Microsoft Yahei', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-top .tab a:hover { background: #1ABB9C; color: #FFF; border-color: #1ABB9C; } .tabs-top .tab.active { z-index: 2; } .tabs-top .tab.active a { background: #FFF !important; color: #1ABB9C; border-color: #CED7E0 !important; } .tabs-top.tab-container .panel-container { margin-top: 70px; } .tabs-top.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TABS CIRCLED ON TOP /*===================================================================================*/ .tabs-circle-top .etabs { position: relative; padding: 0; margin: 0; z-index: 2; } .tabs-circle-top .etabs:before { content: ''; display: block; border-bottom: 1px solid #CED7E0; margin: 65px 0 -65px; } .tabs-circle-top .tab { display: inline-block; height: 160px; position: relative; top: 0; margin: 0 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-circle-top .tab a { display: table-cell; vertical-align: middle; width: 130px; height: 130px; max-width: 130px; background: #FFF; color: #506A85; font-size: 14px; line-height: 130%; font-weight: 700; text-transform: uppercase; padding: 13px; border: 1px solid #CED7E0; border-radius: 50%; overflow: hidden; } .tabs-circle-top .tab a div { font-family: 'Microsoft Yahei', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-circle-top .tab a:hover { border: 4px solid #1ABB9C; } .tabs-circle-top .tab.active { top: -15px; } .tabs-circle-top .tab.active a { height: 160px; width: 160px; max-width: 160px; background: #1ABB9C; font-size: 15px; line-height: 140%; color: #FFF; border: 1px solid #1ABB9C; } .tabs-circle-top .tab.active a div { font-size: 50px; margin: -13px 0 8px; } .tabs-circle-top.tab-container .panel-container { position: relative; margin-top: 30px; z-index: 1; } .tabs-circle-top.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TABS 2-BIG ON TOP /*===================================================================================*/ .tabs-2-big-top .etabs { position: relative; padding: 0; margin: 0; z-index: 2; } .tabs-2-big-top .tab { position: relative; display: inline-block; width: 40%; border-bottom: 2px solid transparent; border-radius: 3px; margin: 0 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after { content: ''; position: absolute; top: 100%; left: 50%; height: 0; width: 0; border: solid transparent; pointer-events: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-2-big-top .tab:before { border-width: 23px; margin-left: -23px; } .tabs-2-big-top .tab:after { border-width: 20px; margin-left: -20px; } .tabs-2-big-top .tab a { display: block; padding: 35px; color: #506A85; opacity: .5; } .tabs-2-big-top .tab:hover { background: #F7F9FA; border-color: #E6EBF0; } .tabs-2-big-top .tab:hover:before { border-top-color: #E6EBF0; } .tabs-2-big-top .tab:hover:after { border-top-color: #F7F9FA; } .tabs-2-big-top .tab.active { background: #FFF; border-color: #E1E7ED; } .tabs-2-big-top .tab.active:before { border-top-color: #E1E7ED; } .tabs-2-big-top .tab.active:after { border-top-color: #FFF; } .tabs-2-big-top .tab:hover a, .tabs-2-big-top .tab.active a { opacity: 1; } .tabs-2-big-top .tab a p { margin-bottom: 0; } .tabs-2-big-top.tab-container .panel-container { position: relative; margin-top: 80px; z-index: 1; } .tabs-2-big-top.tab-container .panel-container p { margin: 0; padding-bottom: 20px; } /*===================================================================================*/ /* TESTIMONIALS / QUOTES /*===================================================================================*/ .format-quote { position: relative; } .format-quote:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url("../images/pattern-background01.jpg"); opacity: .05; } #testimonials #owl-testimonials { margin-top: 10px; } blockquote { position: relative; } #testimonials #owl-testimonials:before, blockquote:before { display: block; position: relative; font-family: 'fontello'; content: '\275e'; font-size: 40px; line-height: 100%; } #testimonials #owl-testimonials:before { top: -10px; opacity: .3; } #testimonials #owl-testimonials blockquote:before { display: none; } blockquote:before { position: absolute; right: 0; bottom: 0; } .post.format-quote { background-color: #1ABB9C; } .format-quote .meta, .format-quote blockquote, .format-quote blockquote footer, .format-quote blockquote small, .format-quote blockquote .small { color: #FFF; } .format-quote blockquote footer:before, .format-quote blockquote small:before, .format-quote blockquote .small:before, .format-quote blockquote footer:after, .format-quote blockquote small:after, .format-quote blockquote .small:after { background-color: #FFF; } .format-quote .meta a:hover { color: #506A85; } /*===================================================================================*/ /* ACCORDION / TOGGLE /*===================================================================================*/ .panel-group { margin-bottom: 0; } .panel-group + .panel-group { margin-top: 20px; } .panel-group .panel { background: #F5F7FA; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; box-shadow: none; } .panel-group .panel + .panel { margin-top: 10px; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: #E6E9ED; } .panel-body { padding: 25px; } .panel-heading { background-color: inherit !important; color: inherit !important; padding: 0; border-color: inherit !important; } .panel-title { font-family: 'Microsoft Yahei', sans-serif; font-size: 15px; line-height: 1.42857; font-weight: 700; text-transform: uppercase; } .panel-title > a { display: block; padding: 15px 25px 15px; } .panel-title > a.collapsed { background: #F5F7FA; color: #506A85; } .panel-title > a, .panel-title > a:hover { background: #EDF0F2; } .panel-title > a { color: #506A85; } .panel-title > a:hover { color: #1ABB9C; } .panel-title > a span { display: block; position: relative; top: 0; color: #506A85; padding-right: 25px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .text-right .panel-title > a span { padding-left: 25px; padding-right: 0; } .text-center .panel-title > a span { padding-left: 0; padding-right: 0; } .panel-title > a:hover span { color: inherit; } .text-center .panel-title > a:hover span { top: .5em; color: transparent; } .panel-title > a span:after { font-family: "fontello"; content: "\e849"; position: absolute; top: 0; right: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .text-right .panel-title > a span:after { left: 0; right: auto; } .text-center .panel-title > a span:after { top: -.75em; left: 0; opacity: 0; } .panel-title > a.collapsed span:after { content: "\e84c"; } .text-center .panel-title > a:hover span:after { color: #1ABB9C; top: -.5em; opacity: 1; } .panel-group .bordered { background: #FFF; } .light-bg .panel-group .panel { background: #FFF; } .light-bg .panel-title > a.collapsed, .light-bg .blank .panel-title > a.collapsed { background: #F8FAFD; } .light-bg .panel-title > a, .light-bg .blank .panel-title > a, .light-bg .panel-title > a:hover, .light-bg .blank .panel-title > a:hover { /*background: #E6E9ED;*/ background: #FFF; } .dark-bg .panel-group .panel, .dark-bg .panel-group .panel-heading + .panel-collapse .panel-body { border-color: #485867; } .dark-bg .panel-group .panel { background: #3A4A59; } .dark-bg .panel-title > a.collapsed { background: #566473; } .dark-bg .panel-title > a, .dark-bg .panel-title > a:hover { /*background: #E6E9ED;*/ background: #485867; } .dark-bg .panel-title > a, .dark-bg .panel-title > a span { color: #FFF; } .dark-bg .blank .panel-title > a.collapsed { background: #2F4052; } .dark-bg .blank .panel-title > a.collapsed, .dark-bg .blank .panel-title > a { border-color: #566473; } .dark-bg .blank .panel-title > a, .dark-bg .blank .panel-title > a:hover { background: #485867; } .blank .panel-title > a.collapsed { background: #FFF; } .panel-group.blank .panel { background: none; } .panel-group.blank .panel { border: none; } .blank .panel-title > a.collapsed, .blank .panel-title > a { border: 1px solid #E6E9ED; } .blank .panel-title > a, .blank .panel-title > a:hover { background: #F5F7FA; } .blank .panel-heading, .blank .panel-title > a { border-radius: 3px; } .panel-group.blank .panel-heading + .panel-collapse .panel-body { border: none; } .blank .panel-body { padding: 35px 0; } .blank.panel-group .bordered, .light-bg .panel-group .bordered, .dark-bg .panel-group .bordered { background: #F5F7FA; } .light-bg .blank.panel-group .bordered { background: #FFF; } /*===================================================================================*/ /* PORTFOLIO /*===================================================================================*/ .items { list-style: none; margin: 0; padding: 0; } .items:before, .items:after { display: table; content: ""; line-height: 0; } .items:after { clear: both } .items li { float: left; min-height: 1px; position: relative; } .items.col-3 { margin-left: -8px; margin-bottom: -8px; } .items.col-3 li { width: 318px; margin-left: 8px; margin-bottom: 8px; } .items.col-3.gap { margin-left: -20px; margin-bottom: -20px; } .items.col-3.gap li { width: 310px; margin-left: 20px; margin-bottom: 20px; } .items.col-4 { margin-left: -10px; margin-bottom: -10px; } .items.col-4 li { width: 235px; margin-left: 10px; margin-bottom: 10px; } .items.col-4 .post-title { font-size: 16px; margin-bottom: 3px; } .items.fullscreen { width: 100%; clear: both; margin: 0 0 -1px 0; padding: 0; list-style: none; } .items.fullscreen li { float: left; position: relative; background: none; padding: 0; width: 16.666666666%; } .items.fullscreen li img { display: block; /*position: relative;*/ width: 100%; height: auto; } .items.fullscreen:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .items li img { display: block; width: 100%; } .items li, .items li img, .thumbs .thumb figure, .owl-carousel .item figure { display: block; position: relative; } .items li { overflow: hidden; } .items li .text-overlay, .thumbs .thumb .text-overlay, .owl-carousel .item .text-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; padding: 10%; font: 0px/0 a; /* remove the gap between inline(-block) elements */ background-color: rgba(26, 187, 156, 0.9); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; filter:Alpha(opacity=0); background-color:#506a85\9} .items li .text-overlay:before, .thumbs .thumb .text-overlay:before, .owl-carousel .item .text-overlay:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .items li:hover .text-overlay, .thumbs .thumb:hover .text-overlay, .owl-carousel .item:hover .text-overlay { opacity: 1;filter:Alpha(opacity=80) } .thumbs .thumb:hover .member .text-overlay { opacity: 1; } .thumbs .thumb .member .member-image:hover .text-overlay { opacity: 0; } .items li .text-overlay .info, .thumbs .thumb .text-overlay .info, .owl-carousel .item .text-overlay .info { display: inline-block; vertical-align: middle; width: 100%; height: auto; font-family: 'Microsoft Yahei', sans-serif; font-size: 14px; line-height: 22px; /*color: #FFF;*/ text-align: center; } .items li .text-overlay .info h2, .thumbs .thumb .text-overlay .info h2, .owl-carousel .item .text-overlay .info h2, .items li .text-overlay .info h3, .thumbs .thumb .text-overlay .info h3, .owl-carousel .item .text-overlay .info h3, .items li .text-overlay .info h4, .thumbs .thumb .text-overlay .info h4, .owl-carousel .item .text-overlay .info h4 { color: #FFF; margin-bottom: 2px; } .items li .text-overlay .info p, .thumbs .thumb .text-overlay .info p, .owl-carousel .item .text-overlay .info p { font-size: 14px; line-height: 22px; color: #FFF; margin-bottom: 0; } .items li .text-overlay .info.big p, .thumbs .thumb .text-overlay .info.big p, .owl-carousel .item .text-overlay .info.big p, #hero .items li .text-overlay .info.big p, #hero .thumbs .thumb .text-overlay .info.big p, #hero .owl-carousel .item .text-overlay .info.big p { font-size: 18px; line-height: 140%; padding-top: 10px; margin-top: 0; } #owl-clients .item .text-overlay, #clients .thumb .text-overlay { background: none; } #owl-clients .item img, #clients .thumb img { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #owl-clients .item:hover img, #clients .thumb:hover img { opacity: .1; } #owl-clients .item .text-overlay .info h4, #owl-clients .item .text-overlay .info p, #clients .thumb .text-overlay .info h4, #clients .thumb .text-overlay .info p { color: inherit; } .filter, .format-filter { padding: 0; margin-bottom: 40px; } .filter:before, .format-filter:before { content: ""; display: block; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #CED7E0; } .filter li, .format-filter li { display: inline; position: relative; background: #FFF; font-size: 15px; font-weight: 700; line-height: 150%; letter-spacing: .031em; text-transform: uppercase; margin: 0 -2px; } .light-bg .format-filter li { background: #F2F5F7; } .filter li:after, .format-filter li:after { content: "\00b7"; } .filter li:last-child:after, .format-filter li:last-child:after { content: ""; } .filter li a, .format-filter li a { padding: 0 15px; } .light-bg .filter:before { border-color: #BCC7D1; } .light-bg .filter li { background: #F2F5F7; } .dark-bg .filter:before { border-color: #73879C; } .dark-bg .filter li { background: #2F4052; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -ms-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope figure, .items figure { margin: 0; } .post-content .isotope figure { margin: auto; } /*===================================================================================*/ /* OVERLAY /*===================================================================================*/ .icon-overlay { display: block; position: relative; } .icon-overlay img { display: block; max-width: 100%; } .icon-overlay .text-overlay{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; padding: 6%;opacity: 0; color:#fff;filter:Alpha(opacity=0);background-color:#506a85\9} .icon-overlay .text-overlay h3{color:#fff} .icon-overlay .text-overlay p{ line-height:200%;position: absolute; bottom:6%; left:6%;} .icon-overlay .text-overlay:hover{ opacity: 1; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; transition: all 200ms ease-out;filter:Alpha(opacity=80)} .icon-overlay .text-overlay div{ position:absolute; left:0; top:0; z-index:100; margin:0 auto; width:100%} .icon-overlay .text-overlay div .btn{ margin-top:25px} .icon-overlay .text-overlay .btn:hover{background-color:#03b8cd} .icon-overlay a .icn-more { opacity: 0; height: 100%; position: absolute; left: 0; top: 0; text-decoration: none; width: 100%; z-index: 100; background-color: rgba(26, 187, 156, 0.9); -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; overflow: hidden;filter:Alpha(opacity=0) } .icon-overlay a:hover .icn-more { opacity: 1;filter:Alpha(opacity=100) } .icon-overlay a .icn-more:before { font-family: 'fontello'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; position: absolute; text-align: center;/* content: '\2b';*/ width: 60px; height: 60px; font-size: 60px; line-height: 1; color: #FFF; top: 50%; left: 50%; z-index: 2; margin: -30px 0 0 -30px; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; transition: all 200ms ease-out; } .icon-overlay a:hover .icn-more:before { font-size: 30px; padding-top: 15px; } .icon-overlay.icn-link a .icn-more:before {/* content: '\2b';*/ } /*===================================================================================*/ /* PORTFOLIO POST /*===================================================================================*/ .item-details { list-style: none; font-size: 16px; line-height: 140%; padding-left: 0; margin-bottom: 0; } .item-details li + li { margin-top: 6px; } .item-details li:before { content: ""; font-family: "fontello"; color: #506A85; margin-right: 10px; } .item-details li.date:before { content: "\e82c"; } .item-details li.categories:before { content: "\e70d"; } .item-details li.client:before { content: "\f464"; } .item-details li.url:before { content: "\f30e"; } .text-center .item-details li { display: inline-block; margin: 0 15px 6px; } /*===================================================================================*/ /* OWL CAROUSEL /*===================================================================================*/ .owl-carousel { text-align: center; cursor: default; } .owl-controls { display: inline-block; position: relative; margin-top: 40px; } .panel-group .panel .owl-controls { margin-top: 25px; } .panel-group.blank .panel .owl-controls { margin-top: 40px; } .owl-pagination { position: relative; line-height: 30px; } .owl-buttons { display: none; } .owl-prev, .owl-next { display: inline-block; position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; font-size: 30px; color: #FFF; background-color: #506A85; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: auto; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .owl-prev { left: -35px; } .owl-next { right: -35px; } .owl-carousel:hover .owl-prev { left: -40px; opacity: .25; } .owl-carousel:hover .owl-next { right: -40px; opacity: .25; } .owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover { color: #1ABB9C; opacity: 1; } .owl-outer-nav:after { content: ""; position: absolute; top: 0; left: -15%; width: 130%; height: 100%; z-index: 0; } .owl-outer-nav .owl-wrapper-outer, .owl-outer-nav .owl-pagination, .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next { z-index: 1; } .owl-outer-nav .owl-controls { position: static; } .owl-outer-nav .owl-prev { left: -65px; } .owl-outer-nav .owl-next { right: -65px; } .owl-outer-nav:hover .owl-prev { left: -80px; } .owl-outer-nav:hover .owl-next { right: -80px; } .owl-ui-md .owl-pagination { line-height: 45px; } .owl-ui-md .owl-prev, .owl-ui-md .owl-next { width: 45px; height: 45px; font-size: 45px; } .owl-ui-md .owl-prev { left: -55px; } .owl-ui-md .owl-next { right: -55px; } .owl-ui-md:hover .owl-prev { left: -60px; } .owl-ui-md:hover .owl-next { right: -60px; } .owl-outer-nav.owl-ui-md:after { left: -18%; width: 136%; } .owl-outer-nav.owl-ui-md .owl-prev { left: -85px; } .owl-outer-nav.owl-ui-md .owl-next { right: -85px; } .owl-outer-nav.owl-ui-md:hover .owl-prev { left: -100px; } .owl-outer-nav.owl-ui-md:hover .owl-next { right: -100px; } .owl-ui-lg .owl-pagination { line-height: 60px; } .owl-ui-lg .owl-prev, .owl-ui-lg .owl-next { width: 60px; height: 60px; font-size: 60px; } .owl-ui-lg .owl-prev { left: -75px; } .owl-ui-lg .owl-next { right: -75px; } .owl-ui-lg:hover .owl-prev { left: -80px; } .owl-ui-lg:hover .owl-next { right: -80px; } .owl-outer-nav.owl-ui-lg:after { left: -22%; width: 144%; } .owl-outer-nav.owl-ui-lg .owl-prev { left: -105px; } .owl-outer-nav.owl-ui-lg .owl-next { right: -105px; } .owl-outer-nav.owl-ui-lg:hover .owl-prev { left: -120px; } .owl-outer-nav.owl-ui-lg:hover .owl-next { right: -120px; } .owl-inner-nav .owl-controls { position: static; } .owl-inner-nav .owl-prev { left: 45px; } .owl-inner-nav .owl-next { right: 45px; } .owl-inner-nav:hover .owl-prev { left: 30px; } .owl-inner-nav:hover .owl-next { right: 30px; } .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next, .owl-inner-nav .owl-prev, .owl-inner-nav .owl-next { bottom: 70px; } /*.owl-outer-nav.owl-ui-md .owl-prev, .owl-outer-nav.owl-ui-md .owl-next, .owl-inner-nav.owl-ui-md .owl-prev, .owl-inner-nav.owl-ui-md .owl-next { bottom: 85px; }*/ .owl-outer-nav.owl-ui-md .owl-prev, .owl-outer-nav.owl-ui-md .owl-next, .owl-inner-nav.owl-ui-md .owl-prev, .owl-inner-nav.owl-ui-md .owl-next{bottom:25px} .owl-outer-nav.owl-ui-lg .owl-prev, .owl-outer-nav.owl-ui-lg .owl-next, .owl-inner-nav.owl-ui-lg .owl-prev, .owl-inner-nav.owl-ui-lg .owl-next { bottom: 100px; } .owl-inner-pagination .owl-pagination, .owl-inner-pagination .owl-prev, .owl-inner-pagination .owl-next { margin-top: -40px; top: -60px; } .owl-inner-pagination.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-ui-md .owl-prev, .owl-inner-pagination.owl-ui-md .owl-next { margin-top: -50px; top: -65px; } .owl-inner-pagination.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-ui-lg .owl-prev, .owl-inner-pagination.owl-ui-lg .owl-next { margin-top: -60px; top: -75px; } .owl-inner-pagination.owl-outer-nav .owl-prev, .owl-inner-pagination.owl-outer-nav .owl-next, .owl-inner-pagination.owl-inner-nav .owl-prev, .owl-inner-pagination.owl-inner-nav .owl-next { margin: auto; top: 0; bottom: 43px; } .owl-inner-pagination .owl-pagination { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .owl-inner-pagination:hover .owl-pagination { opacity: 1; } .owl-inner-pagination.owl-inner-nav .owl-pagination, .owl-inner-pagination.owl-outer-nav .owl-pagination { top: -45px; } .owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination { top: -50px; } .owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination { top: -60px; } .owl-inner-pagination.owl-inner-nav:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav:hover .owl-pagination { top: -60px; } .owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination { top: -65px; } .owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination { top: -75px; } #owl-main .item { height: 44vh; background-color: #FFF; background-position: center 55%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #owl-main.height-md .item { height: 61vh; } #owl-main.height-lg .item { height: 90vh; } #owl-main .container { display: table; height: inherit; } #owl-main .caption { display: table-cell; } #owl-main .caption.vertical-center { vertical-align: middle; padding-bottom: 3vh; } #owl-main .caption.vertical-top { vertical-align: top; padding-top: 8vh; } #owl-main .caption.vertical-bottom { vertical-align: bottom; padding-bottom: 14vh; } #owl-main .caption.text-center { padding-left: 10%; padding-right: 10%; } #owl-main .caption.text-left { padding-right: 20%; } #owl-main .caption.text-right { padding-left: 20%; } #owl-main .caption h1, #owl-main .caption p, #owl-main .caption div { position: relative; } #owl-main .caption h1 span { padding: .250em 0; line-height: 180%; } #owl-main .caption .light-bg, #owl-main .caption .medium-bg, #owl-main .caption .dark-bg, #owl-main .caption .tint-bg { background: none; padding-left: .500em; padding-right: .500em; } #owl-main .caption h1.light-bg span, #owl-main .caption p.light-bg span { background: #FFF; box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF; } #owl-main .caption h1.medium-bg span, #owl-main .caption p.medium-bg span { background: #A3B1BF; box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF; } #owl-main .caption h1.dark-bg span, #owl-main .caption p.dark-bg span { background: #506A85; box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85; } #owl-main .caption h1.tint-bg span, #owl-main .caption p.tint-bg span { background: #1ABB9C; box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C; } #owl-main .owl-controls, .owl-work .owl-controls { display: block; position: static; margin-top: -47px; } #owl-main .owl-pagination, .owl-work .owl-pagination { background: #FFF; line-height: inherit; position: relative; bottom: -40px; padding: 10px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: auto; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } #owl-main:hover .owl-pagination, .owl-work:hover .owl-pagination { bottom: -25px; opacity: 1; } #owl-main .owl-prev, #owl-main .owl-next, .owl-work .owl-prev, .owl-work .owl-next { bottom: 0; } .owl-controls .owl-page { display: inline-block; } .owl-pagination .owl-page span { display: block; width: 15px; height: 15px; background: #506A85; border: none; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 5px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span { background: #1ABB9C; } .owl-item-gap .item { margin: 0 15px; } .owl-item-gap-sm .item { margin: 0 10px; } /* preloading images */ .owl-item.loading { min-height: inherit; background: none; } /*===================================================================================*/ /* PRICING TABLES /*===================================================================================*/ .pricing .plan { border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .pricing .plan header { background: #2F4052; text-align: center; padding: 50px; } .pricing .plan h2 { font-size: 20px; font-weight: 400; letter-spacing: .15em; text-transform: uppercase; color: #FFF; } .pricing .plan .btn { margin-bottom: 0; } .pricing .plan .price { margin-bottom: 15px; } .pricing .plan .price * { font-family: 'Microsoft Yahei', sans-serif; line-height: 100%; } .pricing .plan .price .amount { font-size: 120px; font-weight: 900; color: #FFF; } .pricing .plan .price .currency { position: relative; top: 16px; font-size: 24px; vertical-align: top; margin-right: 5px; } .pricing .plan .price .period { font-size: 16px; text-transform: uppercase; } .pricing .plan .features { background: #F5F7FA; padding: 25px 35px; border: 1px solid #E6E9ED; border-top: none; border-bottom-width: 2px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-top: 0 !important; } .pricing .plan .features li { padding: 15px 0; /*border-top: 1px solid #CED7E0;*/ border-top: 1px solid #BCC7D1; } .pricing .plan .features li:first-child { border: none; } .pricing .plan .features li i { margin-right: 10px; } .pricing.col-4 .plan header { padding: 40px; } .pricing.col-4 .plan h2 { font-size: 18px; } .pricing.col-4 .plan .price .amount { font-size: 90px; } .pricing.col-4 .plan .features { padding: 20px 30px; } /*===================================================================================*/ /* FORMS /*===================================================================================*/ .forms { position: relative; padding: 0; width: 100%; } .form-container .response { display: none; } .forms ol { margin: 0; padding: 0; } .forms ol li { line-height: auto; list-style: none; } input, textarea, .uneditable-input, .form-inline .form-control, .navbar-form .form-control { width: 100%; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; -webkit-font-smoothing: antialiased; height: 40px; padding: 0 10px; margin-bottom: 15px; font-size: 14px; line-height: 25px; color: #73879C; resize: none; vertical-align: middle; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #f5f5f5; border: 1px solid #E6E9ED; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border: 1px solid #BCC7D1; box-shadow: none; } textarea { height: 100%; padding: 10px; margin-bottom: 15px; min-height: 150px; resize: vertical; } .btn-submit { width: auto; } .forms .btn-submit { margin-bottom: 0; } .forms .defaultTextActive { color: #C2C7CC; } .forms .error input, .forms .error textarea { border: 1px solid #d99898; } .forms span.error { display: none; } .forms .button-row span.error { padding: 0; display: none; } .forms label { display: block; float: left; width: 95px; padding-top: 7px; font-size: 13px; clear: both; } .forms input, .forms textarea { background: #F8FAFD; border-radius: 3px; } .light-bg .forms input, .light-bg .forms textarea { background: #FFF; } .comment-form div label { position: absolute; top: 0; left: 0; } .form-container:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .newsletter { position: relative; } #telInput{width:150px; height:46px; margin:15px 0} .newsletter input[type="email"] { background: rgba(255, 255, 255, 0.15); padding-right: 100px; -webkit-border-radius: 3px; border-radius: 3px; border: none; color: #FFF !important; } .newsletter input[type="email"]:focus { background: rgba(255, 255, 255, 0.20); } .navbar .searchbox .dropdown-menu { width: 270px; } .search { position: relative; margin: 15px; margin-bottom: 0; } .search input[type="search"] { background: #FFF; padding-right: 40px; } .newsletter .btn-submit, .search .btn-submit { position: absolute; right: 0; top: 0; padding: 0; margin-top: 5px; margin-right: 5px; color: #FFF !important; line-height: 1; } .navbar-form.search .btn-submit { width: 30px; height: 30px; } footer .newsletter .btn-submit { width: 88px; height: 30px; font-size: 13px; } .dark-bg input, .dark-bg button, .dark-bg select, .dark-bg textarea { color: #A3B1BF; } .form-control::-webkit-input-placeholder {color: #C2C7CC;} .form-control:-moz-placeholder {color: #C2C7CC;} .form-control::-moz-placeholder {color: #C2C7CC;} .form-control:-ms-input-placeholder {color: #C2C7CC;} .dark-bg .form-control::-webkit-input-placeholder {color: #828E99;} .dark-bg .form-control:-moz-placeholder {color: #828E99;} .dark-bg .form-control::-moz-placeholder {color: #828E99;} .dark-bg .form-control:-ms-input-placeholder {color: #828E99;} .search .form-control::-webkit-input-placeholder {color: #C2C7CC;} .search .form-control:-moz-placeholder {color: #C2C7CC;} .search .form-control::-moz-placeholder {color: #C2C7CC;} .search .form-control:-ms-input-placeholder {color: #C2C7CC;} input:focus::-webkit-input-placeholder {color: transparent !important;} input:focus:-moz-placeholder {color: transparent !important;} input:focus::-moz-placeholder {color: transparent !important;} input:focus:-ms-input-placeholder {color: transparent !important;} /*===================================================================================*/ /* BLOG /*===================================================================================*/ .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { width: 770px; margin: 0px auto !important; } .blog.no-sidebar .post-title, .blog.no-sidebar .meta { text-align: center } .format-filter li { font-size: 24px; } .format-filter li:after { content: ""; } .format-filter li a { padding: 0 35px; } .classic-blog .meta { margin-right: -5px; margin-left: -5px; } .classic-blog .post-content .meta { padding-left: 80px; padding-right: 80px; margin-bottom: 25px; } .meta li { display: inline-block; margin: 0 6px; } .meta li.categories:before, .meta li a:before { content: ""; font-family: "fontello"; margin-right: 6px; } .meta li.categories a:before, .meta li.categories:before { margin-right: 0; } /*.meta li.categories:before { content: "\e70d"; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}*/ .meta li.categories:hover:before { color: #1ABB9C; cursor: pointer; } .meta li.url a:before { content: "\f30e"; } .meta li.author-posts a:before { content: "\27a6"; } .meta li.comments a:before { content: "\e718"; } .meta li.comments a:after { content: "Comments"; margin-left: 4px; } .meta li.likes a:before { content: "\2665"; } .meta li.likes a:after { content: "Likes"; margin-left: 4px; } .meta li:after { /*content: "\0399";*/ content: "|"; margin-left: 12px; } .meta li:last-child:after { content: ""; } .classic-blog .sidemeta, .classic-blog .pagination { padding-left: 59px; border-left: 1px solid #CED7E0; margin-left: 30px; } .classic-blog .post .date-wrapper { text-align: center; display: table; float: left; margin-right: 20px; } .classic-blog .post .date { display: table-cell; vertical-align: middle; line-height: 1; width: 60px; height: 60px; border: 1px solid #1ABB9C; -webkit-border-radius: 50%; border-radius: 50%; background: #1ABB9C; font-weight: bold; color: #FFF; line-height: 1; text-transform: uppercase; } .classic-blog .post .date .day { font-size: 20px; margin-bottom: 1px; display: block; } .classic-blog .post .date .month { font-size: 12px; display: block; } .classic-blog .sidemeta .format-wrapper { display: table; } .classic-blog.sidebar-left .sidemeta, .classic-blog.sidebar-left .pagination { padding-left: 0; border-left: none; margin-left: 0; padding-right: 59px; border-right: 1px solid #CED7E0; margin-right: 30px; } .classic-blog.sidebar-left .post .date-wrapper { margin-right: 0; margin-left: 20px; } .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { position: relative; left: -30px; } #blog-post .classic-blog .post { width: 100%; } .classic-blog .post { width: 750px; } .classic-blog .post-title { font-size: 40px; line-height: 120%; } .classic-blog .isotope { overflow: visible !important; } .classic-blog #share { margin-left: 0; margin-right: 0; margin-bottom: 40px; } .classic-blog .panel-group { margin-bottom: 40px; } .post { position: relative; background: #FFF; padding-bottom: 60px; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 40px; } .sidemeta .format-wrapper a { display: table-cell; vertical-align: middle; width: 40px; height: 40px; background: #FFF; text-align: center; color: #1ABB9C; line-height: 1; border: 1px solid #1ABB9C; border-radius: 50%; } .sidemeta .format-wrapper a:hover { background: #1ABB9C; color: #FFF; } .post-content > * { margin-left: 80px; margin-right: 80px; } .post-content *:last-child { margin-bottom: 0; } .post-content > .post-media { margin-left: 0; margin-right: 0; } .post-content > *:first-child, .post-media + * { margin-top: 60px; } .post-content > .post-media:first-child { margin-top: 0; } .owl-carousel.post-media + * { margin-top: 20px; } .post-media iframe { margin-bottom: -7px; } .sidemeta .date-wrapper { position: absolute; top: 0; left: -90px; } .sidemeta .format-wrapper { position: absolute; top: 75px; left: -80px; font-size: 15px; } .classic-blog.sidebar-left .sidemeta .date-wrapper { left: auto; right: -90px; } .classic-blog.sidebar-left .sidemeta .format-wrapper { left: auto; right: -80px; } .grid-blog .post figure { margin-bottom: -1px; } .grid-blog .post .date { display: inline; } .grid-blog:before, .grid-blog:after { display: table; content: ""; line-height: 0; } .grid-blog:after { clear: both; } .grid-blog .post { float: left; min-height: 1px; position: relative; } .grid-blog.col-2 .post, .grid-blog.col-3.no-sidebar .post { padding-bottom: 40px; } .grid-blog.col-2 .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { margin-left: 40px; margin-right: 40px; } .grid-blog.col-2 .post-content > .post-media, .grid-blog.col-3.no-sidebar .post-content > .post-media { margin-left: 0; margin-right: 0; } .grid-blog.col-2 .post-content > *:first-child, .grid-blog.col-2 .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 40px; } .grid-blog.col-2 .post-content > .post-media:first-child, .grid-blog.col-2 .owl-carousel.post-media + *, .grid-blog.col-3.no-sidebar .post-content > .post-media:first-child, .grid-blog.col-3.no-sidebar .owl-carousel.post-media + * { margin-top: 0; } .grid-blog.col-2 .post-title, .grid-blog.col-3.no-sidebar .post-title { font-size: 30px; } .grid-blog.col-2 .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 40px; padding-right: 40px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post { padding-bottom: 50px; } .grid-blog.col-2.no-sidebar .post-content > * { margin-left: 50px; margin-right: 50px; } .grid-blog.col-2.no-sidebar .post-content > .post-media { margin-left: 0; margin-right: 0; } .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + * { margin-top: 45px; } .grid-blog.col-2.no-sidebar .post-content > .post-media:first-child, .grid-blog.col-2.no-sidebar .owl-carousel.post-media + * { margin-top: 0; } .grid-blog.col-2.no-sidebar .post-title { font-size: 33px; } .grid-blog.col-2.no-sidebar .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .post.format-link { background: #2F4052; color: #A3B1BF; } .post.format-link .post-title { color: #FFF; } /*===================================================================================*/ /* AUTHOR /*===================================================================================*/ .author { font-family: 'Microsoft Yahei', sans-serif; font-size: 14px; font-weight: 700; line-height: 160%; color: #506A85; margin-bottom: 5px; } .author a { border-bottom: none; } .post-author, #comments { background: #FFF; padding: 40px; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 40px; } .post-author .author-image { float: left; } .post-author .author-image img { width: 120px; } .post-author .author-details { position: relative; font-size: inherit; padding-top: 0; padding-left: 30px; z-index: 0; overflow: hidden; } .post-author .author-details p a { font-weight: 700; border-bottom: none; } .post-author .author-details .social li { display: table-cell; } .post-author .author-details .social li a i { width: 33px; height: 45px; font-size: 15px; } .post-author .author-details .meta { padding-left: 0; margin-top: 12px; } .post-author .author-details .social, .post-author .author-details .meta { float: left; display: inline-block; } /*===================================================================================*/ /* SIDEBAR /*===================================================================================*/ .sidebar { padding-left: 25px !important } .sidebar.left-sidebar { padding: 15px !important } .sidebox + .sidebox { margin-top: 60px; } .sidebox h3 { font-size: 16px; margin-bottom: 15px; } .sidebox.widget form, .sidebox.widget input { margin: 0; } .sidebox.widget input { border-radius: 3px; } .widget .list { list-style: none; margin: 0; } .sidenav { background: #F5F7FA; padding: 0; border: 1px solid #E6E9ED; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0; } .sidenav li { border-bottom: 1px solid #E6E9ED; } .sidenav li a { display: block; position: relative; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; color: #506A85; padding: 13px 18px; } .sidenav li a:hover { background: #1ABB9C; color: #FFF; } .sidenav li a:after { position: absolute; right: 18px; content: "\e762"; font-family: 'fontello'; font-size: 18px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .sidenav li a:hover:after { opacity: 1; } /*===================================================================================*/ /* TOOLTIPS /*===================================================================================*/ .tooltip-inner { color: #fff; background-color: #1ABB9C; padding: 5px 12px; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #1ABB9C; } .tooltip.right .tooltip-arrow { border-right-color: #1ABB9C; } .tooltip.left .tooltip-arrow { border-left-color: #1ABB9C; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #1ABB9C; } /*===================================================================================*/ /* PAGINATION /*===================================================================================*/ .pagination { display: block; border-radius: 0; margin: 0; } .pagination > li { display: inline-block; margin-left: 10px; } .pagination > li:first-child { margin-left: 0; } .pagination > li > a, .pagination > li > span { float: none; display: inline-block; color: #fff; font-family: 'Microsoft Yahei', sans-serif; background: #1ABB9C; padding: 11px 20px 13px; margin-left: 0; font-weight: 700; font-size: 14px; text-shadow: none; text-transform: uppercase; border: none; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > a:focus { background: #17A78B; color: #FFF; } .pagination > li:first-child > a, .pagination > li:last-child > a { border-radius: 3px; } /*===================================================================================*/ /* GO TO TOP / SCROLL UP /*===================================================================================*/ #scrollUp { bottom: 20px; right: 20px; font-size: 36px; line-height: 100%; color: #FFF; background-color: #506A85; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: .5; } #scrollUp:hover { color: #1ABB9C; opacity: 1; } /*===================================================================================*/ /* FEATURES / STYLES /*===================================================================================*/ .font-icons { list-style: none; margin: 0; padding: 0; } .font-icons li { display: inline-block; font-size: 25px; margin-bottom: 10px; padding: 0 10px; } .alert .close { line-height: 28px; } .retina-icons-code i { font-size: 18px; } .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { text-align: center; } .retina-icons-code code { color: #73879C; background: none; } .table-bordered { border: 1px solid #E6E9ED; border-left: none; background: #FFF; } .table-bordered th, .table-bordered td { border-left: 1px solid #E6E9ED; } .table th, .table td { border-top: 1px solid #E6E9ED; } .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {background-color: #F5F7FA;} .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #E6E9ED; } /*===================================================================================*/ /*renew*/ a.language{ padding-right:0; border:none;-webkit-border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-topleft: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; bottom: 0px; } a.language:hover{color:#03b8cd} #get-in-touch, .get-in-touch{background-color:#f8f7f6;transition: background-color 0s ease 0s, all 0.35s ease-out 0s;overflow:hidden; } /*#get-in-touch:hover{background-color:#e1e1e1}*/ #get-in-touch .btn{font-size:18px} #get-in-touch header p{font-size:18px} #owl-latest-works p{ color:#567ca3} .single-post, .single-post p{font-size:13px; line-height:200%} .single-post .pull-left ul{margin:0; padding:0;} .single-post .pull-left ul li{margin-left:15px; padding:0; list-style:circle; line-height:2em} .single-post .pull-left ul li a:hover{color:#03b8cd} /*===================================================================================*/ /* RESPONSIVE /*===================================================================================*/ @media (min-width: 1200px) { .container { padding-right: 0; padding-left: 0; } .owl-buttons { display: block; } .items.col-4 { margin-left: -10px; margin-bottom: -10px; } .items.col-4 li { width: 285px; margin-left: 10px; margin-bottom: 10px; } .items.col-3 { margin-left: -9px; margin-bottom: -9px; } .items.col-3 li { width: 384px; margin-left: 9px; margin-bottom: 9px; } .items.col-3.gap { margin-left: -21px; margin-bottom: -21px; } .items.col-3.gap li { width: 376px; margin-left: 21px; margin-bottom: 21px; } .items.col-4.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-4.gap li { width: 279px; margin-left: 18px; margin-bottom: 18px; } .grid-blog.col-2 { margin-left: -40px; } .sidebar-left .grid-blog.col-2 { margin-left: -20px; } .sidebar-left .pagination { margin-left: 20px; } .grid-blog.col-2 .post { width: 390px; margin-left: 40px; margin-bottom: 40px; } .grid-blog.col-2.no-sidebar .post { width: 565px; } .grid-blog.col-3 { margin-left: -30px; } .grid-blog.col-3 .post { margin-left: 30px; margin-bottom: 30px; } .grid-blog.col-3.no-sidebar .post { width: 370px; } .sidebar { padding-left: 35px !important; } .navbar .dropdown-submenu > a:after { display: none; } .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {margin-top: 0;} .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {top: 0;left: 100%;margin-top: -6px;} .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {display: block;} .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {left: -100%;margin-left: 10px;} .open > .dropdown-menu, .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu { animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from {margin-top: -30px;opacity: 0;} to { margin-top: 0; opacity: 1; } } @-webkit-keyframes slidenavAnimation { from {margin-top: -30px;opacity: 0;} to { margin-top: 0; opacity: 1; } } } @media (min-width: 1025px) and (max-width: 1199px) { /* br { display: none; }*/ #team .inner-left {padding-left: 40px;} #team .inner-right {padding-right: 40px;} .classic-blog .post {width: 601px; padding-bottom: 50px;} .classic-blog .post-content > * {margin-left: 50px; margin-right: 50px;} .classic-blog .post-content > .post-media {margin-left: 0; margin-right: 0;} .classic-blog .post-content > *:first-child, .classic-blog .post-media + * {margin-top: 45px;} .classic-blog .post-content > .post-media:first-child, .classic-blog .owl-carousel.post-media + * {margin-top: 0;} .classic-blog .post-title {font-size: 33px;} .classic-blog .post-content .meta {padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px;} .grid-blog.col-2 {margin-left: -30px;} .grid-blog.col-2 .post {width: 330px; margin-left: 30px; margin-bottom: 30px;} .grid-blog.col-2 .post-title {font-size: 28px;} .grid-blog.col-2.no-sidebar {margin-left: -40px;} .grid-blog.col-2.no-sidebar .post {width: 465px; margin-left: 40px; margin-bottom: 40px;} .grid-blog.col-3.no-sidebar {margin-left: -25px;} .grid-blog.col-3.no-sidebar .post {width: 306px; margin-left: 25px; margin-bottom: 25px;} .grid-blog.col-3.no-sidebar .post-title {font-size: 24px;} .grid-blog.col-3.no-sidebar p {font-size: 16px;} .tabs-circle-top .etabs:before {margin: 55px 0 -55px;} .tabs-circle-top .tab {height: 140px; margin: 0 10px;} .tabs-circle-top .tab a {width: 110px; height: 110px; max-width: 110px; font-size: 12px;} .tabs-circle-top .tab a div {font-size: 36px;} .tabs-circle-top .tab.active a {height: 140px; width: 140px; max-width: 140px; font-size: 14px;} .tabs-circle-top .tab.active a div {font-size: 46px;} .navbar .dropdown-submenu > a:after {display: none;} .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {margin-top: 0;} .dropdown-submenu {position: relative;} .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {top: 0; left: 100%; margin-top: -6px;} .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {display: block;} .dropdown-submenu>a:after {display: block; content: " "; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px;} .dropdown-submenu.pull-left {float: none;} .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {left: -100%; margin-left: 10px;} .open > .dropdown-menu, .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards;} @keyframes slidenavAnimation {from {margin-top: -30px; opacity: 0;} to {margin-top: 0; opacity: 1;} } @-webkit-keyframes slidenavAnimation {from {margin-top: -30px; opacity: 0;} to {margin-top: 0; opacity: 1;} } } @media (min-width: 1025px) { /*.navbar-nav {margin-top:30px; } .navbar-nav > li > a:before{ content: "|"; padding-right:20px} .navbar-nav > li:first-child > a:before { display: none; } .navbar-brand { padding-left:20px}*/ a.language{ padding-right:0;padding-left:7px; font-weight:normal;bottom:0;border-radius:0; font-size:13px} a.language:before{ content: "|"; padding-right:7px} a.language:first-child:before{display: none;} } @media (max-width: 1024px) {html {overflow-x: hidden;} #hero .info, #hero .info, #hero .info, .items li .text-overlay .info.big, .thumbs .thumb .text-overlay .info.big, .owl-carousel .item .text-overlay .info.big {margin-top: -35px;} .retina-icons-code code {font-size: 11.5px;} .tabs-side.tab-container .panel-container {padding-left: 50px;} /*br {display: none;}*/ #team .inner-left {padding-left: 30px;} #team .inner-right {padding-right: 30px;} .classic-blog .post {width: 630px; padding-bottom: 50px;} .classic-blog .post-content > * {margin-left: 50px; margin-right: 50px;} .classic-blog .post-content > .post-media {margin-left: 0; margin-right: 0;} .classic-blog .post-content > *:first-child, .classic-blog .post-media + * {margin-top: 45px;} .classic-blog .post-content > .post-media:first-child, .classic-blog .owl-carousel.post-media + * {margin-top: 0;} .classic-blog .post-title {font-size: 33px;} .classic-blog .post-content .meta {padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px;} .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination {left: auto;} .sidebar-left .grid-blog.col-2, .sidebar-left .grid-blog.col-2 + .pagination {padding-left: 20px; padding-right: 0;} .grid-blog.col-2 {padding-right: 20px; margin-left: 0; margin-bottom: 0;} .grid-blog.col-2 .post {width: 100%; margin-left: 0; margin-bottom: 30px;} .grid-blog.col-2 .post-title {font-size: 28px;} .grid-blog.col-2.no-sidebar, .grid-blog.col-3.no-sidebar {padding-right: 0; margin-left: -25px;} .grid-blog.col-2.no-sidebar .post, .grid-blog.col-3.no-sidebar .post {width: 347px; padding-bottom: 40px; margin-left: 25px; margin-bottom: 25px;} .grid-blog.col-2.no-sidebar .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * {margin-left: 40px; margin-right: 40px;} .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * {margin-top: 35px;} .grid-blog.col-2.no-sidebar .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta {padding-left: 40px; padding-right: 40px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px;} .grid-blog.col-2.no-sidebar .post-title, .grid-blog.col-3.no-sidebar .post-title {font-size: 24px;} .grid-blog.col-2.no-sidebar p, .grid-blog.col-3.no-sidebar p {font-size: 16px;} .format-filter li a {padding: 0 25px;} .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper {width: 100%;} .classic-blog .pagination, .classic-blog .comment-form-wrapper {margin-bottom: 120px;} .classic-blog.no-sidebar .pagination, .classic-blog.no-sidebar .comment-form-wrapper {margin-bottom: 0;} [class*="col-md"][class*="inner-left"], [class*="col-md"][class*="inner-right"] {padding-left: 15px; padding-right: 15px;} [class*="col-md"][class*="border-left"] {border-left: none;} [class*="col-md"][class*="border-right"] {border-right: none;} .tabs-circle-top .etabs:before {margin: 50px 0 -50px;} .tabs-circle-top .tab {height: 130px; margin: 0 5px;} .tabs-circle-top .tab a {width: 100px; height: 100px; max-width: 100px; font-size: 11px;} .tabs-circle-top .tab a div {font-size: 33px;} .tabs-circle-top .tab.active a {height: 130px; width: 130px; max-width: 130px; font-size: 13px;} .tabs-circle-top .tab.active a div {font-size: 44px;} #owl-main .caption.text-center, #owl-main .caption.text-left, #owl-main .caption.text-right {padding-left: 0; padding-right: 0;} .navbar-header .navbar-brand {display: inline-block;} .navbar-collapse .navbar-brand {display: none;} .navbar-collapse.collapse {display: none !important;} .navbar-collapse.collapse.in {display: block !important;} .navbar .container {display: block;} .navbar .social, .navbar .info {display: none;} .navbar-nav {padding-left: 0;} .navbar-header {background: #FFF; padding: 25px 0;} .btn.responsive-menu {display: table;} .btn.responsive-menu i {display: table-cell; vertical-align: middle;} .navbar-collapse {position: static !important; background: #F5F7FA; max-height: inherit; padding-top:0;} .navbar-collapse:after {content: ''; display: block; height: 0; clear: both; visibility: hidden;} .yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse {float: none; position: relative;} .yamm .dropdown-menu {position: relative; left: inherit; top: inherit; float: none; width: 100%; /* display: block !important;*/ } .yamm .yamm-content {padding: 12px 0; font-size: 13px;} .navbar-nav {display: block; padding: 15px 0;} .navbar-nav > li {display: block;} .navbar-nav > li > a {padding-left: 0;padding-right: 0;border: none;border-radius: 0;} .navbar-nav > li > a:focus {background: none;/*color: #1ABB9C;*/} .navbar-nav .dropdown-menu {border: none; box-shadow: none;} .navbar-nav .dropdown-submenu .dropdown-menu {top: 0 !important; padding-left: 20px;} .navbar-nav .dropdown + .dropdown {border-top: 1px solid #E6E9ED;} .navbar-nav .dropdown-menu > li:last-child {margin-bottom: 20px;} .navbar-nav .searchbox {float: left !important; display: block; width: 100%;} .navbar-header {float: left; width: 100%;} .navbar-header:after {content: ''; display: block; height: 0; clear: both; visibility: hidden;} .navbar-language{display:none} } @media (max-width: 969px) {.yamm .dropdown.yamm-fullwidth .dropdown-menu {width: 100%;} } @media (min-width: 768px) and (max-width: 979px) {.navbar .container, .container {padding-right: 15px; padding-left: 15px;} .tabs-side .etabs {width: 240px;} .tabs-side.tab-container .panel-container {width: 480px;} .tabs-top.left .tab {margin-right: 2px;} .tabs-top.left .tab a {padding: 5px 10px;} .items.col-4 {margin-left: -9px; margin-bottom: -9px;} .items.col-4 li {width: 234px; margin-left: 9px; margin-bottom: 9px;} .items.col-3 {margin-left: -9px; margin-bottom: -9px;} .items.col-3 li {width: 234px; margin-left: 9px; margin-bottom: 9px;} .items.col-3.gap {margin-left: -18px; margin-bottom: -18px;} .items.col-3.gap li {width: 351px; margin-left: 18px; margin-bottom: 18px;} .items.col-4.gap {margin-left: -18px; margin-bottom: -18px;} .items.col-4.gap li {width: 351px; margin-left: 18px; margin-bottom: 18px;} } @media (min-width: 768px) and (max-width: 1024px) { .navbar-nav > li > a{padding:0 20px} } @media (min-width: 768px){ .footerb1{ margin-top:20px} .footerb2{ margin-top:3px} .footerb3{ margin-top:16px} } @media (max-width: 767px) {body {height: 100vh;} h1, h2, h3, h4 {letter-spacing: .0125em;} h1 {font-size: 33px; line-height: 120%; margin-bottom: 20px;} header p {font-size: 20px;} footer .inner {padding-top: 35px; padding-bottom: 25px;} footer .row .inner {padding-left: 20px; padding-right: 20px;} footer .container > .row {margin-left: -20px; margin-right: -20px;} .row, #share {overflow: hidden;} #share .container {width: auto; padding: 0; margin-left: -15px; margin-right: -15px;} /*.owl-controls { display: inline; } .owl-pagination { top: 0 !important; }*/ .last-bottom {padding-bottom: 20px !important;} .last-bottom + .last-bottom {padding-bottom: 0 !important;} .thumbs.gap-lg {margin-left: -15px;} .thumbs.gap-lg .thumb {padding: 0 0 15px 15px;} .icon.pull-right {margin-left: 10px;} .inner {padding-top: 80px; padding-bottom: 80px;} .inner-md {padding-top: 65px; padding-bottom: 65px;} .inner-sm {padding-top: 50px; padding-bottom: 50px;} .inner-xs {padding-top: 40px; padding-bottom: 40px;} .inner-top {padding-top: 80px;} .inner-top-md {padding-top: 65px;} .inner-top-sm {padding-top: 50px;} .inner-top-xs {padding-top: 40px;} .inner-top-xxs {padding-top: 30px;} .inner-bottom {padding-bottom: 80px;} .inner-bottom-md {padding-bottom: 65px;} .inner-bottom-sm {padding-bottom: 50px;} .inner-bottom-xs {padding-bottom: 40px;} .height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item {height: 88vh;} #hero h1 {font-size: 38px; line-height: 115%; letter-spacing: 0.031em;} #hero p {font-size: 20px; line-height: 135%; margin-top: 15px;} #hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg {font-size: 33px;} #hero .btn {margin-top: 25px;} #hero .btn-large {font-size: 16px; padding: 12px 30px 15px;} .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child {max-width: 30px;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {line-height: 100%; padding-left: 4px; padding-right: 4px;} .table > thead > tr > th {font-size: 11px;} .retina-icons-code i {font-size: 14px;} .retina-icons-code code {font-size: 10px;} .tabs-side .etabs {float: none; width: 100%;} .tabs-side .tab a {border-right-color: #E6E9ED;} .tabs-side .tab:first-child a {border-top-right-radius: 3px;} .tabs-side .tab:last-child a {border-bottom-right-radius: 3px;} .tabs-side .tab.active a {border-right-color: #CED7E0 !important;} .tabs-side.tab-container .panel-container {padding-left: 0; border-left: none; margin-top: 30px;} .tabs-top .etabs:after {display: none;} .tabs-top .tab {display: block; max-width: 100%; margin: 0;} .tabs-top .tab a {display: block; border-top-left-radius: 0; border-top-right-radius: 0;} .tabs-top .tab:first-child a {border-top-left-radius: 3px; border-top-right-radius: 3px;} .tabs-top .tab:last-child a {border-bottom: 1px solid #E6E9ED; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .tabs-top .tab.active + .tab a {border-top-color: #CED7E0;} .tabs-top .tab.active + .tab a:hover {border-top-color: #1ABB9C;} .filter:before, .format-filter:before {display: none;} h1.single-block .btn {margin-left: 0;} .sidemeta .date-wrapper, .classic-blog.sidebar-left .sidemeta .date-wrapper {top: -80px; left: 50%; margin-left: -60px;} .sidemeta .format-wrapper, .classic-blog.sidebar-left .sidemeta .format-wrapper {top: -70px; left: 50%; margin-left: 10px;} .classic-blog .sidemeta, .classic-blog .pagination {padding-left: 0; border-left: none; margin-left: 0;} .classic-blog.sidebar-left .sidemeta, .classic-blog.sidebar-left .pagination {padding-right: 0; border-right: none; margin-right: 0;} .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination {left: 0;} .classic-blog .post {margin-top: 80px; width: 100%;} .grid-blog.col-2 {padding-right: 0;} .sidebar-left .grid-blog.col-2, .sidebar-left .grid-blog.col-2 + .pagination {padding-left: 0;} .classic-blog .post, .grid-blog.col-2 .post, .grid-blog.col-3 .post, .grid-blog.col-2.no-sidebar .post, .grid-blog.col-3.no-sidebar .post {padding-bottom: 30px;} .classic-blog .post-content > *, .grid-blog.col-2 .post-content > *, .grid-blog.col-3 .post-content > *, .grid-blog.col-2.no-sidebar .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * {margin-left: 30px; margin-right: 30px;} .classic-blog .post-content .meta, .grid-blog.col-2 .post-content .meta, .grid-blog.col-3 .post-content .meta, .grid-blog.col-2.no-sidebar .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta {padding-left: 30px; padding-right: 30px; margin-bottom: 20px;} .classic-blog .post-content > *:first-child, .classic-blog .post-media + *, .grid-blog.col-2 .post-content > *:first-child, .grid-blog.col-2 .post-media + *, .grid-blog.col-3 .post-content > *:first-child, .grid-blog.col-3 .post-media + *, .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * {margin-top: 30px;} .classic-blog .post-title, .grid-blog.col-2 .post-title, .grid-blog.col-3 .post-title, .grid-blog.col-2.no-sidebar .post-title, .grid-blog.col-3.no-sidebar .post-title {font-size: 24px;} .classic-blog p, .grid-blog.col-2 p, .grid-blog.col-3 p, .grid-blog.col-2.no-sidebar p, .grid-blog.col-3.no-sidebar p {font-size: 16px; line-height: 150%; margin-bottom: 10px;} .classic-blog .pagination, .classic-blog .comment-form-wrapper, .pagination {margin-bottom: 100px;} .grid-blog.col-2.no-sidebar + .pagination, .grid-blog.col-3.no-sidebar + .pagination {margin-bottom: 0;} .classic-blog .pagination, .classic-blog.sidebar-left .pagination, .grid-blog.col-2 + .pagination, .grid-blog.col-3 + .pagination, .grid-blog.col-2.no-sidebar + .pagination, .grid-blog.col-3.no-sidebar + .pagination {margin-left: -10px;} .pagination > li:first-child {margin-left: 10px;} .pagination li {margin-bottom: 10px;} #blog-post .post h2 {font-size: 19px; margin-bottom: 15px;} #blog-post .post h3 {font-size: 16px;} #blog-post .post h4 {font-size: 14px;} #blog-post .post figure figcaption p {font-size: 14px; line-height: 150%;} [class*="col"] > figcaption:first-child {padding-top: 20px;} .post-author, #comments {padding: 30px;} .post-author .author-image {float: none; display: inline-block; margin-bottom: 20px;} .post-author .author-details {padding-left: 0;} #comments .avatar {float: none; display: inline-block; margin-bottom: 15px;} #comments .commentbody {padding-left: 0;} #comments .commentlist .children {padding-left: 0;} [class*="col"][class*="border-left"] {border-left: none;} [class*="col"][class*="border-right"] {border-right: none;} .filter li {display: block;} .filter li + li {margin-top: 15px;} .filter li:after {display: none;} #hero .info, #hero .info, #hero .info, .items li .text-overlay .info.big, .thumbs .thumb .text-overlay .info.big, .owl-carousel .item .text-overlay .info.big {margin-top: -25px;} .items li .text-overlay .info h2, .thumbs .thumb .text-overlay .info h2, .owl-carousel .item .text-overlay .info h2, .items li .text-overlay .info h3, .thumbs .thumb .text-overlay .info h3, .owl-carousel .item .text-overlay .info h3, .items li .text-overlay .info h4, .thumbs .thumb .text-overlay .info h4, .owl-carousel .item .text-overlay .info h4 {font-size: 16px; line-height: 150%;} .items li .text-overlay .info p, .thumbs .thumb .text-overlay .info p, .owl-carousel .item .text-overlay .info p, .items li .text-overlay .info.big p, .thumbs .thumb .text-overlay .info.big p, .owl-carousel .item .text-overlay .info.big p, #hero .items li .text-overlay .info.big p, #hero .thumbs .thumb .text-overlay .info.big p, #hero .owl-carousel .item .text-overlay .info.big p {font-size: 14px; line-height: 140%; padding-top: 0;} .tabs-2-big-top .tab {width: 100%; margin: 0 0 50px 0;} .tabs-2-big-top .tab a {padding: 25px;} .tabs-2-big-top.tab-container .panel-container {margin-top: 0;} [class*="col"][class*="inner-left"], [class*="col"][class*="inner-right"], [class*="col"][class*="reset-padding"] {padding-left: 15px; padding-right: 15px;} [class*="inner-top"].reset-xs {padding-top: 0 !important;} .tabs-circle-top .etabs:before {border-bottom: none; margin: 0;} .tabs-circle-top .tab {display: table; width: 100%; height: auto; margin: 0;} .tabs-circle-top .tab.active {top: 0;} .tabs-circle-top .tab a, .tabs-circle-top .tab.active a {width: 100%; max-width: 100%; height: auto; font-size: 18px; text-align: left; padding-top: 10px; padding-bottom: 10px; border-top: none; border-radius: 0;} .tabs-circle-top .tab a:hover {border-width: 1px; border-color: #CED7E0 !important; border-top: none;} .tabs-circle-top .tab.active a:hover {border-color: transparent !important;} .tabs-circle-top .tab:first-child a {border-top: 1px solid #CED7E0; border-top-left-radius: 3px; border-top-right-radius: 3px;} .tabs-circle-top .tab:last-child a {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .tabs-circle-top .tab a div, .tabs-circle-top .tab.active a div {display: inline-block; vertical-align: middle; font-size: 30px; line-height: 120%; padding-bottom: 5px; margin: 0 10px 0 0;} .yamm-content {margin-top: 25px;} .yamm-content > [class*="col"] {margin-bottom: 50px;} .navbar .container, .container {padding-right: 20px; padding-left: 20px;} .navbar-collapse {padding-left: 0; padding-right: 0;} .footer-bottom p.pull-left, .footer-bottom ul.pull-right {float: none !important; text-align: center;} .footer-bottom p {margin-bottom: 20px;} .footer-menu li {padding: 0 5px;} img {max-width: 100%; height: auto;} .filter li a:before {display: none;} .items {margin-left: 0 !important; /*margin-bottom: -20px !important;*/ } .items li {width: 100% !important; margin-left: 0 !important; margin-bottom: 20px !important;} .items.fullscreen li {margin: 0 !important;} .sidebar {margin-top: 70px; padding-left: 15px !important;} .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper {width: 100% } .blog.no-sidebar .pagination ul {margin: 0 } .grid-blog {margin-left: 0 !important; margin-bottom: 20px !important;} .grid-blog .post {width: 100% !important; margin-left: 0 !important; margin-bottom: 20px !important;} #comments ul.children {padding: 0 0 0 20px;} #comments .arrow-box {margin-left: 0;} .panel-title {line-height: 18px;} .yamm .yamm-content.row {margin-bottom: -30px } } @media (min-width: 768px) and (max-height: 1024px) {.height-xs, .height-sm, #owl-main .item {height: 480px;} #hero h1 {font-size: 36px; line-height: 115%;} #hero p {font-size: 18px; line-height: 135%; margin-top: 17px;} #hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg {font-size: 50px;} #hero .btn {margin-top: 35px;} #hero .btn-large {font-size: 16px; padding: 15px 35px 17px;} } @media (min-width: 768px) and (max-height: 768px) {.height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item {height: 480px;} } @media (max-width: 320px){ .navbar-brand{width:210px} } /*===================================================================================*/ /* DEMO ONLY /*===================================================================================*/ a.changecolor { cursor: pointer; } /*===================================================================================*/ /* SKROLLR ANIMATIONS /*===================================================================================*/ /*.navbar .navbar-collapse { -skrollr-animation-name: shrink-header; } .navbar .navbar-brand img { -skrollr-animation-name: shrink-logo; } .navbar-collapse ul.navbar-nav{-skrollr-animation-name: shrink-navbar;} @-skrollr-keyframes shrink-header { 40 {padding-top: 30px;padding-bottom: 10px;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0);-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.0);box-shadow: 0 10px 10px rgba(0, 0, 0, 0);} 300 {padding-top: 0;padding-bottom: 0;-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);} } @-skrollr-keyframes shrink-logo { 40 {max-height: 40px;} 300 {max-height: 20px;} } @-skrollr-keyframes shrink-navbar{40{ margin-top:30px;} 300{margin-top:10px;} }*/ .navbar-toggle{width:28px;padding:0px;margin-top:0px; outline: 0; border: 0;} .navbar-toggle .icon-bar{background:#58676d;height:5px;width:100%;display:block;border-radius:4px;margin-bottom:4px;} .navbar-active .icon-bar{background:#75c9e9;} /* Default style for WP-PageNavi plugin http://wordpress.org/extend/plugins/wp-pagenavi/ */ .wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .wp-pagenavi span.current { font-weight: bold; } .nybanner{ width:100%;} .nybanner img{ width:100%;} .xleft{float:left;width:50%;height:400px;overflow:hidden;} .xleft .ldbt{margin:0 auto;width:100%;height:60px;text-align:center;line-height:60px;font-size:26px;color:#000;} .xleft .ldnr{margin:0 auto;width:100%;height:340px;background:#fff;padding-top:20px;} .xnr{margin:0 auto;width:90%;} .xright{float:left;width:50%;height:400px;overflow:hidden;} .xright .rdbt{width:100%;height:60px;text-align:center;line-height:60px;font-size:26px;color:#000;} .xright .rdnr{width:100%;height:340px;padding-top:20px;background:#fff;} .sysp{margin:0 auto;height:320px;width:90%;background:#000;} /*分页*/ #fy{clear:both;width:100%;;line-height:38px;text-align:center;font-size:12px;padding-top:30px;} .scott {width:100%;} .scott a{border:1px solid #43434d;margin:3px;padding-right:5px;padding-left:5px;padding-bottom:2px;padding-bottom:2px;padding-top:2px;color:#43434d;text-decoration:none;font-size:12px;} .scott a:hover {border:1px solid #43434d;color:#fff;background:#43434d;text-decoration:none;} .scott a:active {border:1px solid #43434d;background:#43434d;color:#fff;text-decoration:none;} .scott SPAN.current {border:1px solid #43434d;padding-right:5px;padding-left:5px;padding-bottom:2px;color:#fff;margin:3px;padding-top:2px;background:#43434d;} .scott span.disabled{border:1px solid #43434d;padding-right:5px;padding-left:5px;padding-bottom:2px;margin:3px;padding-top:2px;color:#43434d;} /*产品中心*/ #product_box{width:61%; margin:0 auto; overflow:hidden; padding-top:70px;padding-bottom:70px;} .productleft_box{ width:23.9%; float:left; border-right:#d7d7d7 solid 1px;} .cpzx_box{ width:100%; } .cpzx{width:100%; height:60px; line-height:60px; font-size:18px; font-weight:bold;} .cpzx_list{width:100%;} .cpzx_list ul{width:100%; margin:0; padding:0;} .cpzx_list ul div{width:100%; height:40px; line-height:40px; display:block; text-indent:2em;font-size:12px;color:#505050;} .cpzx_list ul div a{font-size:12px;color:#505050;} .cpzx_list ul div:hover{ background-color:#f5f5f5;} .cpzx_list li{width:100%; height:40px; line-height:40px; display:block; text-indent:0em;font-size:16px;margin:0; padding:0; text-align:left;} .cpzx_list li:hover{ background-color:#e0e0e0;} .cpzx_list a{ color:#546e88;font-size:16px;} .lxwmaaa_box{width:100%; } .lxwm_box{ width:90%; margin:0 auto;} .lxwm_box .xlogo{ width:100%;} .lxwm_box .xlogo img{ width:100%; height:auto;} .lxwm{ font-size:18px; line-height:30px;} .productright_box{ width:71.8%; float:right;min-height:600px;_height:600px;overflow-y:visible;} .cplbimg_box{ width:100%;border:0px solid #d7d7d7;} .img_pro_box{ width:240px; height:270px; float:left; position:relative;padding:0px; margin-left:30px;} .img_pro_box p{ width:240px; height:50px; line-height:50px; text-align:center;} .blackbox{width:238px; height:218px; padding:0px; background-color:#6f869b; opacity:0.8; display:none; position:absolute; left:0; top:0;} .click{ width:30%; height:44px; line-height:44px; background-color:#03b8cd; text-align:center; position:absolute; left:35%; top:32%; display:none;} .click a{ color:#FFF;} .img_pro_box:hover .blackbox{ display:block;} .img_pro_box:hover .click{ display:block; background-color:#01a2bc;} .cplbimg_box ul{ padding:0;} .img_pro_box li{ display:block; width:240px; height:50px;line-height:50px; text-align:center; font-size:13px;} .img_pro{width:238px; height:218px;border:1px solid #d7d7d7;text-align:center;padding:0px;margin:0px;overflow:hidden;} .img_pro img{margin:0 auto;max-width:236; max-height:218px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 236 ? "236" : "auto"):(this.style.height = this.offsetHeight >= 218 ? "218px" : "auto")); display:inline !important;} .shangyiye_box{ width:30%; height:50px; margin:0 auto; line-height:50px; overflow:hidden;} .shangyiye_box a{ color:#546e88; display:block; margin-left:22px; float:left;} /*产品详情*/ #cnr{margin:0 auto;width:100%;padding:20px;text-align:left;line-height:25px;padding-bottom:30px;color:#50550;} #cpjj{width:100%;} .cpjj_tp{float:left;width:40%;height:280px;border:1px solid #ccc;text-align:center;padding:10px;overflow:hidden;background:#fff;} /*.cpjj_tp img{width:100%;height:auto;}*/ .cpjj_tp img {max-width:300px; max-height:280px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 300 ? "300px" : "auto"):(this.style.height = this.offsetHeight >= 280 ? "280px" : "auto")); display:inline !important;} .cpjj_jj{float:left;margin-left:30px;width:55%;min-height:348px;_height:348px;color:#505050;overflow-y:visible;} .cpjj_jj p{width:100%;min-height:36px;_height:36px;line-height:36px;overflow-y:visible;text-align:left;font-size:14px;border-bottom:1px dotted #ccc;margin:0px;padding-top:5px;} .cpjj_jj p a{margin-right:10px;color:#505050;text-decoration:none;} .cpjj_jj p span{float:left;margin:0px;} .cpjj_jj p span a{float:left;display:block;margin-top:5px;margin-right:20px;padding:0px;background:#FF4400;width:80px;height:26px;line-height:26px;font-size:13px;color:#fff;text-decoration:none;text-align:center;padding:0px;} .cpjj_jj p .gjc a{margin-right:20px;padding:0px;background:#FF4400;width:80px;height:26px;line-height:26px;font-size:13px;color:#fff;text-decoration:none;text-align:center;padding:0px;} .cpxx{width:96%;padding:10px;border:1px solid #ccc;padding-bottom:30px;color:#50550;} .cpxx_bt{width:100%;height:26px;border-bottom:3px solid #ccc;text-align:left;line-height:26px;font-size:14px;font-weight:bold;color:#000;} .cpxx_nr{width:100%;text-align:left;line-height:24px;padding-top:20px;color:#505050;} .cpxx_nr p{text-indent:2em;line-height:24px;} .cpxx_nr img{width:80%;height:auto;} #xgcp{margin:0 auto;width:100%;padding-top:10px;padding-bottom:50px;overflow:hidden;} #xgcp p{width:100%;height:40px;text-align:left;line-height:40px;text-algin:left;color:#000;font-size:15px;font-weight:bold;border-bottom:3px solid #ccc;} #xgcp ul{width:100%;} #xgcp li{float:left;margin-right:20px;width:45%;height:28px;border-bottom:1px dashed #ccc;text-align:left;line-height:28px;} #xgcp li a{fotn-size:12px;color:#505050;text-decoration:none;} /*资讯正文*/ .xwdbt{margin:0 auto;width:100%;height:50px;border-bottom:1px dotted #ccc;line-height:50px;text-align:center;font-size:18px;font-weight:bold;color:#000;} .xwxbt{margin:0 auto;width:100%;height:40px;line-height:40px;text-align:center;font-size:13px;color:#ccc;} .dnr{width:100%; min-height:600px;_height:600px;overflow-y:visible;margin:0 auto;color:#505050;padding-top:30px;padding-bottom:30px;line-height:30px;font-size:12px;} .dnr p{ color:505050;text-indent:2em;line-height:30px;font-size:12px;} .dnr img{margin:0 auto;max-width:80%;height:auto;} .lxnr{width:100%; min-height:600px;_height:600px;overflow-y:visible;margin:0 auto;color:#505050;padding-top:30px;padding-bottom:30px;line-height:30px;font-size:12px;} .lxnr p{ color:505050;text-indent:0em;line-height:30px;font-size:12px;} .sxt{margin:0 auto;width:100%;line-height:26px;text-align:left;border-bottom:1px solid #ccc;} .sxt a{fotn-size:12px;color:#777;text-decoration:none;} #xg{margin:0 auto;width:100%;padding-top:10px;padding-bottom:50px;overflow:hidden;} #xg p{width:100%;height:30px;border-bottom:1px solid #ccc;text-align:left;line-height:30px;font-size:13px;color:#000;text-indent:0em;} #xg ul{width:100%;} #xg li{float:left;margin-right:20px;width:45%;height:28px;border-bottom:1px dashed #ccc;text-align:left;line-height:28px;} #xg li a{fotn-size:12px;color:#777;text-decoration:none;} .aboutdbt{width:100%;height:50px;text-align:left;line-height:50px;font-size:22px;font-weight:bold;color:#000;border-bottom:1px solid #ccc;text-indent:2em;} /*市场营销*/ .scyxright_box{ width:840px; float:right;} .scyx{width:350px; height:300px; margin:0 auto;} .scyx img{ width:350px; height:300px;} .scyxright_box p{ width:840px; line-height:30px; text-indent:2em;} /*新闻资讯*/ .xwzx_box{ width:100%;height:500px; margin:0 auto; padding-top:30px;color:#546e88; overflow:hidden;} .xwzx_box ul{width:100%;margin:0px;padding:0px;} .xwzx{width:100% margin:0 auto;padding:0px; overflow:hidden; border-bottom:1px dashed #b3b3b3; background-image:url(../images/sanjiaoxing03.jpg); background-position:10px center; background-repeat:no-repeat;} .xwzx a{color:#546e88;} .xwzx_wenzi{ width:60%; height:30px; float:left; display:block; line-height:30px; color:black;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;white-space:nowrap;word-wrap:normal; text-indent:2em;} .xwzx_time{width:30%;float:right;height:30px;line-height:30px;margin:0px;text-align:right;margin-right:10px;} /*在线订单*/ .zxddright_box{ width:840px; float:right;} .zxdd{width:350px; height:300px; margin:0 auto;} .zxdd img{ width:350px; height:300px;} .ssk{ width:100%; margin:0 auto; padding-top:50px;} /*右侧客服*/ #hdb{float:right;position:fixed;right:5px;top:280px;z-index:999999; position:fixed; _position:absolute;z-index:999999; display:block;width:30px;padding:0px;} #hdb ul{width:30px;padding:0px;} #hdb li{width:30px;height:30px;margin-top:10px;} .rides-cs { font-size: 12px; background:#123369; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;} .rides-cs a { color: #00A0E9;} .rides-cs a:hover { color: #ff8100; text-decoration: none;} .rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;} .rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;} .rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;} .rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;} .rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;} .rides-cs .cn ul {padding:0px;} .rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;} .rides-cs .cn ul li span { color: #777;} .rides-cs .cn ul li a{color: #777;} .rides-cs .cn ul li img { vertical-align: middle;} .rides-cs .btnOpen, .rides-cs .btnCtn { position: relative; z-index:9; top:25px; left: 0; background-image: url(../images/shopnc.png); background-repeat: no-repeat; display:block; height: 146px; padding: 8px;} .rides-cs .btnOpen { background-position: -410px 0;} .rides-cs .btnCtn { background-position: -450px 0;} .rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;} .rides-cs ul li.bot { border-bottom: none;} .daohang{width:100%;height:50px;border-bottom:1px solid #ccc;line-height:50px;text-align:left;font-size:14px} .daohang a{font-size:14px;;text-decoration:none;} @media(max-width:768px){ .rides-cs{display:none;} #product_box{width:100%;} .productleft_box,.cpzx_box,.cpzx,.cpzx_list,.cpzx_list ul,.cpzx_list li{width:100%;} .cpzx_list div{float:left;text-align:left;text-indent:3em;paddnig:0px;margin:0px;} .cpzx,.lxwm_box{ display:none;} .productleft_box{ display:block;border:0px;} .cpzx_list li{ width:100%; height:50px; line-height:50px; margin:0px; padding:0px;float:left; display:block;text-align:left;border-bottom:1px dotted #ccc;} .productleft_box{ float:left;} .productright_box{ margin:0 auto;width:100%;padding:0px;} .cpjj_tp{margin:0 auto;width:100%;} .xleft,.xright{float:left;width:100%} .sysp{width:90%;margin:0 auto;padding:0px;} .cplbimg_box{ width:100%;border:0px solid #d7d7d7;padding:0px;margin:0 auto;} .img_pro_box{ width:100%; height:270px; float:left; position:relative;padding:0px; margin:0 auto;} .img_pro_box p{ width:100%; height:50px; line-height:50px; text-align:center;} .blackbox{width:100%; height:218px; padding:0px; background-color:#6f869b; opacity:0.8; display:none; position:absolute; left:0; top:0;} .click{ width:30%; height:44px; line-height:44px; background-color:#03b8cd; text-align:center; position:absolute; left:35%; top:32%; display:none;} .click a{ color:#FFF;} .img_pro_box:hover .blackbox{ display:block;} .img_pro_box:hover .click{ display:block; background-color:#01a2bc;} .cplbimg_box ul{ padding:0px;margin:0px;} .img_pro_box li{ display:block; width:100%; height:50px;line-height:50px; text-align:center; font-size:13px;padding:0px;margin:0 auto;} .img_pro{width:100%; height:218px;border:1px solid #d7d7d7;text-align:center;padding:0px;margin:0 auto;overflow:hidden;} .img_pro img{margin:0 auto;width:100%;} /* .cpjj_tp img{width:100%;height:auto;}*/ .cpjj_jj{margin:0 auto;width:100%;} .cpjj_jj p{width:100%;} .cpxx{margin:0 auto;} #xgcp{margin:0 auto;width:100%;padding-top:10px;padding-bottom:50px;overflow:hidden;} #xgcp p{width:100%;height:40px;text-align:left;line-height:40px;text-algin:left;color:#000;font-size:15px;font-weight:bold;border-bottom:3px solid #ccc;} #xgcp ul{width:100%;padding:0px;} #xgcp li{margin:0 auto;width:100%;height:28px;border-bottom:1px dashed #ccc;text-align:left;line-height:28px;} #xg{margin:0 auto;width:100%;padding-top:10px;padding-bottom:50px;overflow:hidden;} #xg p{width:100%;height:30px;border-bottom:1px solid #ccc;text-align:left;line-height:30px;font-size:13px;color:#000;text-indent:0em;} #xg ul{width:100%;padding:0px;margin:0 auto;} #xg li{width:100%;height:28px;border-bottom:1px dashed #ccc;text-align:left;line-height:28px;} .scott a{border:1px solid #43434d;margin:2px;padding-top:1px;padding-right:3px;padding-bottom:1px;padding-left:3px;} .scott SPAN.current {margin:1px;padding-top:1px;padding-right:3px;padding-bottom:1px;padding-left:3px;} .scott span.disabled{display:none;} .xwdbt{margin:0 auto;width:100%;border-bottom:1px dotted #ccc;line-height:26px;text-align:center;font-size:14px;color:#000;padding-top:10px;min-height:50px;_height:50px;overflow-y:visible;padding-bottom:10px;font-weight:normal;} .xwxbt{clear: both;margin:0 auto;width:100%;line-height:26px;text-align:center;font-size:13px;color:#ccc;} .aboutdbt{padding:0px;margin:0px;width:100%;height:50px;text-align:center;line-height:50px;font-size:22px;font-weight:bold;color:#000;border-bottom:0px solid #ccc;} }